use-shadows-appropriately
Add depth only when functionally necessary (elevation, not decoration)
Skill by karanmrn
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/karanmrn-use-shadows-appropriately
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/use-shadows-appropriately
What's inside
- Skill name
use-shadows-appropriately- Description
- Add depth only when functionally necessary (elevation, not decoration)
- License
- unknown
- Instructions
- 100 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "use-shadows-appropriately" does not match folder "08-use-shadows-appropriately"
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from karanmrn/karanagentskills
- 0.564score
skill-installer
karanmrn
'Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path.
SkillBFreshness: B★ 3Claude Code +9 - 0.559score
review-agent
karanmrn
Perform a read-only, defect-first review of a specified code change and return every actionable finding.
SkillBFreshness: B★ 3Claude Code +9 - 0.557score
skill-creator
karanmrn
'Guide for creating effective skills.
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
apply-consistent-spacing
karanmrn
Use systematic spacing with 25% minimum jumps, start with excess whitespace
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
eliminate-visual-clutter
karanmrn
Remove unnecessary borders, backgrounds, shadows, decorations
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
build-color-palette
karanmrn
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
group-related-elements
karanmrn
Use proximity and spacing to show relationships
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
design-button-hierarchy
karanmrn
Create clear primary/secondary/tertiary action distinctions
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
design-empty-states
karanmrn
Create helpful, actionable zero-content states
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
manage-color-contrast
karanmrn
Ensure WCAG AA accessibility and readability
SkillBFreshness: B★ 3Claude Code +9 - 0.545score
apply-typography-scale
karanmrn
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
SkillBFreshness: B★ 3Claude Code +9 - 0.545score
establish-visual-hierarchy
karanmrn
Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies
SkillBFreshness: B★ 3Claude Code +9
Signals
- Stars
- 3
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 12, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/karanmrn/karanagentskills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from karanmrn
- 0.564score
skill-installer
karanmrn
'Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path.
SkillBFreshness: B★ 3Claude Code +9 - 0.559score
review-agent
karanmrn
Perform a read-only, defect-first review of a specified code change and return every actionable finding.
SkillBFreshness: B★ 3Claude Code +9 - 0.557score
skill-creator
karanmrn
'Guide for creating effective skills.
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
build-color-palette
karanmrn
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
apply-consistent-spacing
karanmrn
Use systematic spacing with 25% minimum jumps, start with excess whitespace
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
eliminate-visual-clutter
karanmrn
Remove unnecessary borders, backgrounds, shadows, decorations
SkillBFreshness: B★ 3Claude Code +9
Cite this page
use-shadows-appropriately skill. Agent Mart. https://agentmart.dev/skills/karanmrn-use-shadows-appropriately (last updated 2026-10-24)