页面组件不用重造,这个Skill帮你找

帮你在项目中添加和调整 shadcn 界面组件。

shadcn 帮 AI 在 shadcn/ui 项目里查找、添加和组合界面组件,也提供组件文档、示例和项目配置信息。

例如做设置页,先查项目已有的标签页、卡片和表单控件,再组合成页面。已有按钮样式和主题色也应沿用,避免每做一页又写出一套不同的组件。

shadcn 的组件会以源码形式加入项目,后续可以继续修改。这份 Skill 要求先搜索现有组件,优先使用内置变体,并按项目的包管理器运行工具。

它适合已经使用或准备采用 shadcn/ui 的前端项目。你仍然需要说清楚页面有哪些内容、怎样交互;组件齐全以后,业务流程也要逐项验证。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:测试排错

来源仓库:shadcn-ui/ui

适合用来做什么

  • 如何在shadcn中创建一个新的UI组件?
  • 如何自定义shadcn组件的样式?

安装 shadcn

npx skills add https://www.iskills.cc/skills/shadcn-ui/ui/shadcn/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 shadcn 的用途与原始说明

浏览全部 Skill 指南