shadcn
仓库创建 2026年7月6日最近提交 23 天前SkillHot 收录 22 天前
▸ 精选理由
对使用 shadcn 的项目能自动化组件集成与样式落地，节省重复工作。
这个 Skill 做什么
管理 shadcn 组件：添加、搜索、修复、样式与组合并提供示例用法。
帮你管理 shadcn/ui 的组件：可以添加组件到项目、查找用法示例、修复或调整样式、组合组件并给出代码示例。适合在用 shadcn CLI（比如 shadcn init 或带 --preset 的操作）搭建或维护组件库时使用。优势是会结合项目上下文和 package manager 给出可直接运行的命令与片段，减少手工配置。
▸ 展开 SKILL.md 英文原文
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".
0
Stars
0
Forks
11
仓库内 Skill
+0
7 日增星
安装 / 使用
给你的 Agent 一句话（通用）
帮我安装这个 skill：https://raw.githubusercontent.com/vivalsy/SDD_Template/main/.claude/skills/shadcn/SKILL.md或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/vivalsy/SDD_Template/main/.claude/skills/shadcn/SKILL.md"SKILL.MD 节选查看完整文件 ↗
# shadcn/ui
A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.
> **IMPORTANT:** Run all CLI commands using the project's package runner: `npx shadcn@latest`, `pnpm dlx shadcn@latest`, or `bunx --bun shadcn@latest` — based on the project's `packageManager`. Examples below use `npx shadcn@latest` but substitute the correct runner for the project.
## Current Project Context
```json
!`npx shadcn@latest info --json 2>/dev/null || echo '{"error": "No shadcn project found. Run shadcn init first."}'`
```
The JSON above contains the project config and installed components. Use `npx shadcn@latest docs <component>` to via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有