UI 组件
可复制的界面底座，以及让 Agent 按这套底座写的 Skill 和插件。
库 1 · Skill 1 · 插件 1 · 编辑更新 2026-10-10
全部
shadcn/ui库复制进项目、可随意改的组件，AI 生成界面的默认底座。适合：React 项目需要按钮、表单、对话框，又不想锁进一个组件库。MIT · ui.shadcn.comshadcn MCP插件让 Agent 按 shadcn 的注册表添加组件，而不是凭记忆重写一份。适合：已经决定用 shadcn/ui，希望 Agent 用官方组件而不是近似实现。ui.shadcn.comfrontend-designSkillAnthropic 官方 Agent Skill。新建或改造界面时，引导 Agent 先定审美方向、字体和版式，再写代码，避开一眼就是 AI 生成的模板样式。适合：从空白开始做页面，还没有品牌规范或设计稿。Apache-2.0 · github.com/anthropics/skills/tree/main/skills/frontend-design
怎么选
有组件约定 用 shadcn/ui，并把 shadcn MCP 装上，避免 Agent 另写一套按钮。
还没有视觉方向 先装 frontend-design，再写页面。
要无样式原语 换 Base UI，不把 shadcn 的样式一起带进来。