ask-shadcn-architect
4
总安装量
4
周安装量
#54394
全站排名
安装命令
npx skills add https://github.com/navanithans/agent-skill-kit --skill ask-shadcn-architect
Agent 安装分布
opencode
4
gemini-cli
4
github-copilot
4
codex
4
cursor
4
antigravity
3
Skill 文档
<critical_constraints>
â NO custom <button> if shadcn Button exists â import from @/components/ui
â NO manual implementation of standard components â use CLI
â NO hardcoded colors â use semantic (bg-primary, text-muted-foreground)
â
MUST check @/components/ui first before creating
â
MUST use cn() utility for className merging
â
MUST use lucide-react for icons
</critical_constraints>
<cli_first>
Missing component? Don’t write from scratch:
npx shadcn@latest add [component-name]
</cli_first>
<style_merging>
â Bad: className={\bg-red-500 ${className}`}â
Good:className={cn(“bg-red-500”, className)}`
</style_merging>
â Weak:
<button className="bg-red-500 text-white p-2 rounded">Delete</button>
â Correct:
import { Button } from "@/components/ui/button"
<Button variant="destructive">Delete</Button>