shadcn-skills
为shadcn/ui开发者提供组件发现与代码审查的AI技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：shadcn-skills。 它的用途是：为shadcn/ui开发者提供组件发现与代码审查的AI技能 完整的 Skill 内容见：https://321skill.com/skills/shadcn-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
当你准备开发一个用户管理的数据表格时，可以
对AI说：“我需要一个带排序和过滤功能的数据表格组件。” 技能会主动触发，搜索整个shadcn生态，为你推荐2-3个最匹配的社区组件及其安装命令。或者，在编写完一个自定义按钮组件后，你可以说：“请审查一下我刚写的这个Button组件。” 技能会逐行检查其结构、间距、颜色Token等是否符合shadcn规范，并给出优化建议。
介绍
这个Skill包含两个核心功能，旨在提升基于shadcn/ui框架的前端开发效率与代码质量。
首先，shadcn-component-discovery技能解决了开发者在构建常见UI组件（如表单、模态框）前，需要花费时间在庞大生态中寻找合适现成组件的问题。它能在你动手编码前，主动搜索超过30个社区注册表中的组件，并提供可直接安装的命令，避免重复造轮子。
其次，shadcn-component-review技能用于审查已编写或修改的组件代码。它能自动检查代码是否符合shadcn的设计模式、间距规范、语义化Token使用、可组合性以及无障碍访问等标准，并给出具体的修改建议，帮助统一项目代码风格。
该Skill非常适合正在使用或计划采用shadcn/ui框架的团队和个人开发者，尤其是项目中有多位贡献者，需要确保代码一致性时。它能帮助前端开发、全栈开发以及UI设计师更高效地协作。
建议在项目初期配置好components.json后启用，以便技能能根据项目配置的视觉风格（如Vega, Nova）进行更精准的审查。注意，它主要面向代码层面的规范和发现，不涉及视觉稿设计或复杂的业务逻辑实现。
核心特点
与官方shadcn技能（仅搜索已配置注册表）不同，该技能的发现功能能搜索用户尚未配置的整个生态注册表，提供“上游”发现能力；其审查功能专注于对已有代码进行“事后审计”，而非生成时的规则约束，适合审查历史代码或外部贡献。
注意事项
不适合用于审查非shadcn/ui技术栈的项目代码，或进行深度的业务逻辑与性能分析。
常见问题
这个技能和官方的shadcn技能冲突吗？
不冲突，它是官方技能的补充，一个用于生态发现和事后审查，一个用于生成时约束和已配置资源的搜索。
支持哪些AI开发工具？
支持Claude Code、Cursor、Windsurf、OpenAI Codex CLI、Gemini CLI、GitHub Copilot等所有兼容Agent Skills标准的工具。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/shadcn-skills/raw/index.md 读取 shadcn-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/shadcn-skills/raw/index.md（查看排版版本）