用途：CC Design 是一套结构化设计工作流技能，让 Claude Code、Codex 等兼容代理充当产品设计师，产出高保真 HTML 制品，包括交互原型、幻灯片、落地页、UI 稿、动画演示与设计探索。
主要能力：支持从 getdesign.md 克隆 68+ 品牌风格（如 Stripe、Vercel、Notion、Linear、Apple 等）；自动发现并复用项目已有的设计令牌、字体、间距与配色；每次至少生成 3 个方向（布局、交互、视觉强度、动效）；内置页面内 Tweaks 调节面板，用 localStorage 持久化；每步构建后用 Playwright 截图并检查控制台错误；可导出 PPTX、PDF 或单文件 HTML。
使用方式：克隆到 Claude Code 技能目录：git clone https://github.com/ZeroZ-lab/cc-design.git ~/.claude/skills/cc-design；安装导出依赖：cd ~/.claude/skills/cc-design/scripts && npm install && cd -，再执行 npx playwright install chromium。工作流为六阶段：理解→探索→规划→构建→验证→交付。原型使用固定版本 CDN 的 React 18.2.0、ReactDOM 18.2.0、Babel standalone 7.23.5 与 Tailwind CDN，JSX 脚本须标 type="text/babel"，钩子需从 React 解构，不使用 ES module import。导出命令：node scripts/gen_pptx.js --input ./output/deck.html --output ./output/deck.pptx；node scripts/open_for_print.js --input ./output/prototype.html --output ./output/prototype.pdf；node scripts/super_inline_html.js --input ./output/prototype.html --output ./output/prototype.standalone.html。模板可复制使用，如 cp templates/deck_stage.js ./src/deck.js。
适用场景：落地页多方案对比、10 页路演幻灯片、iOS 移动端交互流程、卡片动效研究等。
限制：需 Node.js ≥ 18；Playwright 截图前需等待 networkidle，动画内容需额外等待；PPTX 样式缺失时先做单文件内联；品牌令牌须挂在 :root 上。资料未提供收费与价格信息。