zeroz-lab/cc-design
Browser automationЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
zeroz-lab/cc-design — это кандидат на навыки агента, импортированный из https://github.com/zeroz-lab/cc-design.
Обзор
zeroz-lab/cc-design — это кандидат на навыки агента, импортированный из https://github.com/zeroz-lab/cc-design.
Обзор (машинный перевод)
Высокоточный HTML-дизайн для Claude Code & Codex.
Презентации, лендинги, интерактивные прототипы, интерактивные объяснения, анимации, системы дизайна и многое другое — основанные на структурированном дизайне и встроенных качественных защитных ограждений.
Демо · Примеры · Ошибка жаловаться
Быстрый старт
Код Клода
После установки cc-design активируется с помощью команды /cc-design:design.
Кодекс
После установки активируется cc-design через $cc-design ссылку.
Примеры запросов
CC-Design занимается сбором контекста, планированием дизайна, проверкой качества и верификацией — вы утверждаете план, он строит.
Шоукейс
Возможности
| Категория | Что вы получаете |
|---|---|
| Выходы дизайна | Лендинг страницы, слайд-деки, интерактивные прототипы, интерактивные объяснения (поток, сравнение, дерево решений), вайрфреймы, анимации, системы дизайна, исследования движения |
| Дизайн-мышление | 8-уровневая структура (Цель → валидация), 10 основных принципов, 20 философских школ |
| Клонирование бренда | Постепенная загрузка 68+ систем дизайна бренда от getdesign.md |
| Качественные отбойники | Всегда загруженные «ограничения по ядрам». |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
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