DESIGN/设计资源·UI-KIT
shadcnspace/shadcnspace
上百个 shadcn 积木，像拼乐高一样拼出界面，每一行代码都归你。Copy any of the 100+ shadcn blocks, snap together a dashboard, and own every line.
开源的shadcn/ui组件集，提供可直接复用的UI块和模板。An open-source set of shadcn/ui blocks, components, and dashboard layouts you can copy into your own React project.
怎么装：Install: npx shadcn@latest add @shadcn-space/button-06
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.1%+0.1%
767 → 768 stars · 5 个快照767 → 768 stars · 5 snapshots
状态STATUS
持续活跃Active
项目发布不到一年，提交活跃，近 7 天有 2 次提交，说明还在持续更新。768 GitHub stars and 68 forks
03 / 它能帮你做什么03 / What it helps you do
添加现成的UI组件到你的项目
复制完整的页面模板和仪表盘布局
所有代码透明可自由修改
无需额外构建步骤直接使用
按需挑选组件，不引入多余代码
Copy ready-made blocks into your React project.
Snap together dashboard layouts from templates.
Edit every line of code you copy.
Add components with a short npx command.
Browse and paste hero, button, and layout examples.
04 / 安装04 / Install
$ README 里给出的安装方式。The installation method given in the README.
$ README 里给出的安装方式。The installation method given in the README.
两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
可以用 npx shadcn@latest add @shadcn-space/button-06 或 npx shadcn@latest add @shadcn-space/hero-01 来添加组件。Use npx shadcn@latest add @shadcn-space/button-06 to add a block, or copy files directly from the GitHub repository.
05 / 限制与风险05 / Limits and risk
风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe，只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险，但不代表安全The static scan found no known risk patterns in the documentation, but that doesn't prove the project is safe.
这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
依赖：Dependencies:@base-ui/react, @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @faker-js/faker, @iconify/react, @number-flow/react, @shadcn/react, @shikijs/transformers, @types/canvas-confetti, canvas-confetti, class-variance-authority
{
"agents": [
{
"agent": "claude-code",
"evidence": ".agents/skills/shadcnspace/SKILL.md: …Configuring Cursor, Windsurf, Claude Code, and other AI IDEs | | **Comp…"
},
{
"agent": "cursor",
"evidence": ".agents/skills/shadcnspace/SKILL.md: …ession. ### Cursor Setup (`~/.cursor/mcp.json`) ```json { \"mcpServers\": {…"
},
{
"agent": "windsurf",
"evidence": ".agents/skills/shadcnspace/SKILL.md: …r-docs) | Configuring Cursor, Windsurf, Claude Code, and other AI ID…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 3,
"ai-tools": 0,
"dev-tools": 1,
"indie-web": 1,
"skill-agent": 0,
"productivity": 0
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 4,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 15,
"browser": 0,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "4 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 1 markdown files",
"weight": 0.75
}
],
"scannedSources": [
"readme",
".agents/skills/shadcnspace/SKILL.md",
"SKILL.md",
"public/SKILL.md",
"skills/shadcnspace/SKILL.md"
],
"skillMdFetched": 4
}