什么是 docyrus-app-ui-design？
使用首选组件库为 Docyrus React 应用程序设计和构建生产级 UI 组件。在创建仪表板、表单、数据表、布局或任何 UI 元素时使用。触发涉及组件选择、UI 设计、仪表板创建、布局设计、shadcn、diceui、animate-ui、docyrus-ui、reui 组件或构建用户界面的请求的任务。 来源：docyrus/agent-skills。
·docyrus-app-ui-design
*
docyrus-app-ui-design
✓使用首选组件库为 Docyrus React 应用程序设计和构建生产级 UI 组件。在创建仪表板、表单、数据表、布局或任何 UI 元素时使用。触发涉及组件选择、UI 设计、仪表板创建、布局设计、shadcn、diceui、animate-ui、docyrus-ui、reui 组件或构建用户界面的请求的任务。
如何安装 docyrus-app-ui-design
通过命令行快速安装 docyrus-app-ui-design AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：docyrus/agent-skills。
SKILL.md
查看原文Build polished, accessible UI components for Docyrus React applications using a curated set of 127+ pre-built components from shadcn, diceui, animate-ui, docyrus-ui, and reui libraries.
| Dashboard cards | AwesomeCard | docyrus | | App navigation | Sidebar | animate-ui | | Data tables | DataTable | diceui | | Editable grids | Data Grid | docyrus | | Forms | Form Fields | docyrus | | File upload | File Upload | diceui | | Charts | Chart + Recharts | shadcn | | Dialogs | Responsive Dialog | diceui |
| Date picker | Date Time Picker | docyrus | | Color picker | Color Picker | diceui | | Kanban board | Kanban | diceui | | Timeline | Timeline | diceui | | Rating | Rating | diceui |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-22
- 更新时间
- 2026-03-11
快速解答
如何安装 docyrus-app-ui-design？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/docyrus/agent-skills --skill docyrus-app-ui-design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/docyrus/agent-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-22