关于 frontend-design
用于设计和构建具有鲜明视觉风格的生产级前端的 Skill，适用于可执行的前端任务，并提供具体设计决策和行动说明。
主要功能
- 01生产级前端设计
- 02鲜明的视觉方向
- 03具体实现行动
适用场景
- 01设计前端体验
- 02构建可用于生产的界面
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/frontend-design确认已加载。
附带文件LICENSE.txt
详细介绍
前端设计
目的
设计并构建具有大胆、鲜明美学风格的生产级前端。
路由
- 使用场景：用户要求设计并构建具有大胆、鲜明美学风格的生产级前端时使用。
- 不适用场景：如果请求是编写规划文档、制定高层战略或进行不可执行的讨论，请勿使用；应改用相关的规划或设计工作流。
- 输出：前端设计的成果：针对具体任务的结果，以及具体的操作说明。
- 成功标准：返回与所请求任务相符的具体操作和决策，不虚构工具端行为。
触发示例
正向
- 此请求请使用前端设计技能。
- 帮我进行前端设计。
- 用户要求设计并构建具有大胆、鲜明美学风格的生产级前端时使用。
- 前端设计：提供可执行的结果。
负向
- 如果请求是编写规划文档、制定高层战略或进行不可执行的讨论，请勿使用；应改用相关的规划或设计工作流。
- 请勿将前端设计用于无关请求。
- 此请求超出前端设计的适用范围。
- 这只是概念讨论；无需使用工具工作流。
运行时提示词
- 当前运行时提示词长度：4071 个字符。
- 运行时提示词直接定义在
../frontend-design.json中。
评论
支持 Markdown