工程构建入门

shadcn

帮助 AI 添加、查找、修复和定制 shadcn/ui 组件,让组件更贴合项目。

推荐使用Codex
Recent Design开发工程shadcn/ui

Shadcn

Skill 作者

适合职业

  • 前端开发者
  • 设计工程师

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • shadcn/ui 组件开发
  • 组件查找
  • 界面实现

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

shadcn 用于帮助 AI 在项目中使用 shadcn/ui:添加组件、查找示例、修复样式并保持代码直接可维护。

适合场景

  • 基于 shadcn/ui 快速搭建后台和表单。
  • 让 AI 查找合适组件并按项目风格调整。
  • 修复组件样式和可访问性问题。

安装命令

安装说明

运行安装命令后,在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明,再把它加入达灵感项目资源。

使用说明

适合在具体 AI 项目中作为可复用资源保存。使用时,把当前项目背景、目标页面或工作流说明清楚,再调用该 Skill。