通用技能设计与创意
mockup-builder
把截图或草图转换成规范统一的低保真 HTML 线框稿
- Stars
- 1
- Forks
- 0
- 更新时间
- 更新于 2026年6月3日
MIT
把截图或草图转换成规范统一的低保真 HTML 线框稿
提供截图、草图或文字描述后，Mockup Builder 会生成可在浏览器运行的单文件 HTML 线框稿，并统一使用预设设计令牌、组件类和图标。内置 lint 会拦截硬编码颜色、Emoji 图标和随意新增的组件样式，适合快速确认页面结构与信息层级；它定位于低保真原型，不替代 Figma 中的视觉精修。
资源类型
使用场景
运行平台
核心能力
把一句想法画成带花生角色的概念插图
先锁定设计规则，再让 Claude 生成并核查界面。
GitHub 公开事实最近同步于 2026年7月10日。
根据设计简报自动安排配色、效果、字体和图标技能的调用顺序。
用 Claude 规划并推进完整的产品设计项目