「cc-design」给 Claude Code 和 Codex 用的高保真设计插件

cc-design 高保真 HTML 设计预览图

cc-design 是 ZeroZ-lab 开源的一套面向 Claude Code 和 Codex 的高保真 HTML 设计插件 / Skill。它把 AI 生成界面的流程从“直接写页面”改成更像真实设计工作的路径:先理解需求、路由任务、制定计划、等待确认,再构建、截图验证和交付。

它覆盖的输出类型很广,包括落地页、幻灯片、交互原型、线框图、动画、设计系统、动效研究等。对于需要快速做产品页面、Pitch Deck、交互 Demo 或品牌风格探索的人来说,cc-design 更像是一个带设计审查机制的前端创作工作流。

项目内置了多层设计思考框架、20 种设计风格流派、品牌风格克隆、排版与间距规则、反 AI 味视觉规则,以及截图验证要求。它还支持多方向方案、PDF / PPTX / MP4 导出、双轨音频、Stage+Sprite 时间线动画和 React + Babel inline JSX 原型。

cc-design 目前支持 Claude Code 的 /design 命令,也支持在 Codex 中通过 $cc-design 引用激活。仓库还提供插件 hooks:会话开始时恢复设计上下文,压缩前保存设计 token,结束时清理过期日志。适合想让 AI 设计输出更稳定、更少模板感、更可验证的开发者和设计型产品团队。

传送门

https://github.com/ZeroZ-lab/cc-design

原创文章,如若转载,请注明出处:https://wefound.cc/p/1890.html

(0)
「Mojo」像 Python 一样写、像 C++ 一样跑的 AI 原生编程语言
上一篇 2026年 5月 10日 下午8:14
「Browserbase Skills」让 Claude Code 具备浏览器自动化和网页调试能力
下一篇 2026年 5月 10日 下午8:30

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注