zeroz-lab/cc-design 是从 https://github.com/zeroz-lab/cc-design. 导入的特工技能候选人
概览
zeroz-lab/cc-design 是从 https://github.com/zeroz-lab/cc-design. 导入的特工技能候选人
概述（AI 翻译）
Claude Code 和 Codex 的高保真 HTML 设计。
幻灯片、登陆页、互动原型、互动解说器、动画、设计系统等——由结构化设计思维和内置的优质护栏驱动。
演示 ·示例 ·报告错误
快速启动
克劳德·科德
安装后，cc-design 通过 /cc-design:design 命令激活。
法典
安装后，cc-design通过$cc-design引用激活。
示例提示
CC-Design 负责背景收集、设计规划、质量检查和核实——你批准方案，它构建。
展示
能力
| 分类 | 你能得到什么 |
|---|---|
| 设计输出 | 落地页、幻灯片、互动原型、交互式解释器（流程、比较、决策树）、线框图、动画、设计系统、运动研究 |
| 设计思维八层框架（目标→验证），10个核心原则，20个哲学流派 | |
| 品牌克隆 | 68+品牌设计系统从 getdesign.md |
| 优质护栏 | 始终负载的“核心约束”。 |
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
cc-design
High-fidelity HTML design for Claude Code & Codex.
Slide decks, landing pages, interactive prototypes, interactive explainers, animations, design systems, and more — powered by structured design thinking and built-in quality guardrails.
Demo · Examples · Report Bug
Quick Start
Claude Code
# 1. Add the cc-design marketplace
/plugin marketplace add ZeroZ-lab/cc-design
# 2. Install the plugin
/plugin install cc-design@cc-design
# 3. Reload plugins to activate
/reload-plugins
After installation, cc-design activates via /cc-design:design command.
Codex
# 1. Add the cc-design marketplace from GitHub
/plugin marketplace add ZeroZ-lab/cc-design
# 2. Install the plugin
/plugin install cc-design@cc-design
# 3. Reload plugins to activate
/reload-plugins
After installation, cc-design activates via $cc-design reference.
Example prompts
"Design a landing page for our SaaS product"
"Create a 10-slide pitch deck for the Q3 board meeting"
"Build an interactive prototype of the checkout flow"
"Create an interactive explainer showing how our RAG pipeline works"
"Make a comparison explainer for React vs Vue"
"Build a decision tree for tech stack selection"
"Animate this logo reveal with the Pentagram style"
"Export the deck as editable PPTX"
cc-design handles context gathering, design planning, quality checks, and verification — you approve the plan, it builds.
Showcase
Capabilities
| Category | What you get |
|---|---|
| Design outputs | Landing pages, slide decks, interactive prototypes, interactive explainers (flow, compare, decision tree), wireframes, animations, design systems, motion studies |
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add zeroz-lab/cc-design