Skip to content

cc-design:Claude/Codex专属设计插件,秒出高保真落地页/PPT/原型

2026年4月30日

普通大模型生成的设计产物普遍缺乏专业规范,反复修改的时间甚至比自己做还长。cc-design是专门解决这个问题的——它是给Claude Code和Codex量身打造的高保真HTML设计插件,内置结构化设计思维和质量护栏。


核心功能

1. 全场景设计覆盖+专业质量护栏

cc-design覆盖几乎所有常见设计场景,还自带严格的质量校验规则:

支持输出类型: 落地页、幻灯片、交互原型、线框图、动画、设计系统、动效研究

内置体系:

  • 8层设计框架(目标→验证)
  • 10项核心设计原则
  • 20种设计流派体系

质量护栏:

  • 反AI粗制滥造规则(禁用辣眼渐变、emoji刷屏、通用模板)
  • 标准化排版系统
  • 统一间距规范
  • 强制截图验证

2. 风格自定义+品牌系统克隆

不用费劲描述样式,直接指定流派或者品牌就能拿到想要的风格:

支持20种设计流派: 信息架构、动效诗歌、极简主义、实验先锋、东方哲学5大传统

支持68+品牌设计系统克隆:

  • 「用Stripe风格做定价页」
  • 「用Notion风格做看板」
  • 还可以混搭多个品牌风格

3. 全链路可控流程+多格式导出

工作流程: 理解需求 → 路由分配 → 生成计划 → 用户确认 → 构建 → 校验 → 交付

没确认计划绝对不写代码,没完成截图校验绝对不交付。

导出支持:

  • PDF(单文件/多文件)
  • 可编辑PPTX
  • MP4视频
  • 内嵌HTML

设计评审: 5维度自动评分(设计理念、层级、工艺、功能性、原创性)

4. 自动化生命周期钩子

内置3个自动执行的生命周期钩子,不用手动维护设计上下文:

Session钩子: 每次会话启动时自动执行,导入项目上下文和设计历史。

不要孤军奋战啦!

加入微信群一起学习交流 AI

与大神一起使用 OpenClaw、Hermes、Claude Code、Seedance 2.0、GPT-Image-2 等

微信公众号

扫码关注微信公众号
私信 "加群",将自动获取微信群二维码

探索 AI 世界,掌握智能未来