shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
Skill by snailuu
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/snailuu-shadcn
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
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
shadcn- Description
- Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
- License
- unknown
- Allowed tools
- Bash(npx, shadcn@latest, *),, Bash(pnpm, dlx, shadcn@latest, *),, Bash(bunx, --bun, shadcn@latest, *)
- Instructions
- 255 lines in SKILL.md · view on GitHub
Before installing
- Pre-approves some shell commands
Files (13)
- SKILL.md
- openai.yml · agents/
- shadcn-small.png · assets/
- shadcn.png · assets/
- cli.md
- customization.md
- evals.json · evals/
- mcp.md
- base-vs-radix.md · rules/
- composition.md · rules/
- forms.md · rules/
- icons.md · rules/
- styling.md · rules/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from snailuu/skill
- 0.474score
gpt-image-2-skill
snailuu
This skill should be used when the user asks to "generate an image", "create a logo", "draw an icon", "edit this photo", "change background to transparent"…
SkillCFreshness: CClaude Code +9 - 0.469score
create-cli
snailuu
Generate TypeScript CLIs.
SkillCFreshness: CClaude Code +9 - 0.467score
ui-stitch-taste
snailuu
Semantic Design System Skill for Google Stitch.
SkillCFreshness: CClaude Code +9 - 0.445score
frontend-design
snailuu
Create distinctive, production-grade frontend interfaces with high design quality.
SkillCFreshness: CClaude Code +9 - 0.409score
cli-design-framework
snailuu
Use when designing a new CLI, reviewing an existing CLI, or resolving uncertainty about a CLI's role, user type, interaction form, statefulness, risk profile…
SkillDFreshness: DClaude Code +9 - 0.406score
pr-review
snailuu
查看 PR/MR 评论并给出解决建议。当用户提到"查看 PR 评论"、"PR xxx 的评论"、"帮我看 PR"、"review PR"、"MR 评论"、"merge request 评论"等关键词时触发。支持 GitHub 和 GitLab，自动检测平台，优先使用本地 CLI…
SkillDFreshness: DClaude Code - 0.406score
code-review-expert
snailuu
Expert code review with a senior engineer lens.
SkillDFreshness: DClaude Code +9 - 0.406score
git-commit-gen
snailuu
根据 git status 和 git diff 自动生成符合规范的中文 commit message，支持 Conventional Commits 格式，包含模块名称。当用户说"生成 commit"、"生成提交信息"、"commit message"、"帮我写 commit"、"提交信息"、"git…
SkillDFreshness: DClaude Code +9 - 0.406score
git-exclude
snailuu
将文件/文件夹添加到本地 git 忽略区(.git/info/exclude)，不修改 .gitignore 文件。当用户说"忽略文件"、"本地忽略"、"git exclude"、"不提交"、"排除文件"、"添加到忽略"时触发。不适用于：修改 .gitignore、git rm 等通用 git 操作。
SkillDFreshness: DClaude Code +9 - 0.396score
plan-writer
snailuu
Plan 模式下智能分批写入计划文件，避免单次写入过大导致失败
SkillDFreshness: DClaude Code +9 - 0.396score
diagram-gen
snailuu
根据用户描述生成各种类型的图表（时序图、流程图、类图、状态图等），使用 Mermaid 语法，支持保存为文件
SkillDFreshness: DClaude Code +9 - 0.391score
create-readme
snailuu
Create a README.md file for the project
SkillDFreshness: DClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 2
- Last commit (this folder)
- Jul 13, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/snailuu/skill
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.813score
shadcn
invertase
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillAFreshness: A★ 677Claude Code +9 - 0.336score
shadcn
laoz40
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillAFreshness: AClaude Code +9 - 0.297score
shadcn
cagdotin
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillDFreshness: D★ 38Claude Code +9 - 0.295score
shadcn
WannaCry081
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillCFreshness: C★ 1Claude Code +9 - 0.282score
shadcn
stat-guy
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillCFreshness: CClaude Code +9 - 0.246score
shadcn
pedrogrande
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillDFreshness: DClaude Code +9 - 0.240score
shadcn
cat-hype-age
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
SkillDFreshness: DClaude Code +9
More from snailuu
- 0.474score
gpt-image-2-skill
snailuu
This skill should be used when the user asks to "generate an image", "create a logo", "draw an icon", "edit this photo", "change background to transparent"…
SkillCFreshness: CClaude Code +9 - 0.469score
create-cli
snailuu
Generate TypeScript CLIs.
SkillCFreshness: CClaude Code +9 - 0.467score
ui-stitch-taste
snailuu
Semantic Design System Skill for Google Stitch.
SkillCFreshness: CClaude Code +9 - 0.445score
frontend-design
snailuu
Create distinctive, production-grade frontend interfaces with high design quality.
SkillCFreshness: CClaude Code +9 - 0.409score
cli-design-framework
snailuu
Use when designing a new CLI, reviewing an existing CLI, or resolving uncertainty about a CLI's role, user type, interaction form, statefulness, risk profile…
SkillDFreshness: DClaude Code +9 - 0.406score
git-commit-gen
snailuu
根据 git status 和 git diff 自动生成符合规范的中文 commit message，支持 Conventional Commits 格式，包含模块名称。当用户说"生成 commit"、"生成提交信息"、"commit message"、"帮我写 commit"、"提交信息"、"git…
SkillDFreshness: DClaude Code +9
Cite this page
shadcn skill. Agent Mart. https://agentmart.dev/skills/snailuu-shadcn (last updated 2026-10-24)