frontend-design-system
✓使用项目设计系统设计和重构 React/Tailwind 前端。在处理 UI 组件、页面、布局或 UX 改进时，并且您想要独特的、可访问的、非通用的设计来避免 AI 溢出时，请使用此技能。
SKILL.md
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
使用项目设计系统设计和重构 React/Tailwind 前端。在处理 UI 组件、页面、布局或 UX 改进时，并且您想要独特的、可访问的、非通用的设计来避免 AI 溢出时，请使用此技能。 来源：d-oit/do-novelist-ai。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 frontend-design-system？
使用项目设计系统设计和重构 React/Tailwind 前端。在处理 UI 组件、页面、布局或 UX 改进时，并且您想要独特的、可访问的、非通用的设计来避免 AI 溢出时，请使用此技能。 来源：d-oit/do-novelist-ai。
如何安装 frontend-design-system？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/d-oit/do-novelist-ai
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01