shadcn 帮 AI 在 shadcn/ui 项目里查找、添加和组合界面组件,也提供组件文档、示例和项目配置信息。
例如做设置页,先查项目已有的标签页、卡片和表单控件,再组合成页面。已有按钮样式和主题色也应沿用,避免每做一页又写出一套不同的组件。
shadcn 的组件会以源码形式加入项目,后续可以继续修改。这份 Skill 要求先搜索现有组件,优先使用内置变体,并按项目的包管理器运行工具。
它适合已经使用或准备采用 shadcn/ui 的前端项目。你仍然需要说清楚页面有哪些内容、怎样交互;组件齐全以后,业务流程也要逐项验证。
每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!