design-skill
读取现有设计系统后生成可审批的本地 HTML 设计稿
- Stars
- 0
- Forks
- 0
- 更新时间
- 更新于 2026年4月7日
读取现有设计系统后生成可审批的本地 HTML 设计稿
这个本地优先的设计技能会先读取项目中的设计令牌、字体、组件和前端框架,再用相同视觉语言生成独立 HTML 设计稿。你可以选择低、中、高三档改造幅度,浏览并反馈设计稿;只有明确批准后,它才会把方案实现到 React、Vue、Svelte、Astro 或原生 HTML 项目中。
资源类型
使用场景
运行平台
运行方式
把一句想法画成带花生角色的概念插图
先锁定设计规则,再让 Claude 生成并核查界面。
核心能力
GitHub 公开事实最近同步于 2026年7月10日。
根据设计简报自动安排配色、效果、字体和图标技能的调用顺序。
用 Claude 规划并推进完整的产品设计项目