← Все проекты
Проект / JavaScript

ZeroZ-lab/cc-design: CC Design — AI-дизайнер для Claude Code

Научите ИИ-агента создавать профессиональные HTML-прототипы, презентации и лендинги без дизайнерских навыков.

Это скилл для Claude Code, который превращает ИИ-агента в эксперта по продуктовому дизайну. Он умеет создавать интерактивные прототипы, слайд-деки, лендинги и UI-макеты, используя готовые дизайн-системы (Stripe, Vercel, Notion и другие). Проект построен на...

★ 228 JavaScript Форки 24 Issue 0 Оценка 6/10 Карточка проверена

Для кого это

Для разработчиков, продуктовых менеджеров и дизайнеров, которые используют Claude Code и хотят автоматизировать создание дизайн-артефактов.

Проблема / задача

ИИ-агенты часто генерируют сырой код без понимания дизайн-систем, бренд-гайдов и современных UI-паттернов, что приводит к бесконечным правкам и потере времени.

Как это работает

Проект встраивает в Claude Code структурированный дизайн-воркфлоу. Сначала он анализирует доступные дизайн-системы и компоненты, затем создаёт несколько вариантов дизайна, проверяет их через Playwright и экспортирует в HTML, PDF или PPTX. Всё работает через локальные скрипты и шаблоны.

Что видно по README

Это скилл для Claude Code, который превращает ИИ-агента в эксперта по продуктовому дизайну. Он умеет создавать интерактивные прототипы, слайд-деки, лендинги и UI-макеты, используя готовые дизайн-системы (Stripe, Vercel, Notion и другие). Проект построен на принципах контекстного дизайна (не изобретать с нуля) и прогрессивного раскрытия информации.

Ключевые возможности

Генерация 3+ вариантов дизайна по разным осям: layout, интерактивность, визуальная интенсивностьАвтоматическое использование 68+ готовых дизайн-систем брендовВстроенная система «твиков» с real-time превью и сохранением в localStorageЭкспорт в PPTX, PDF и standalone HTML через локальные скриптыПроверка качества через Playwright (скриншоты, ошибки консоли)

Технологии

JavaScriptReact + Babel (inline JSX)PlaywrightpptxgenjsReactNode.jsOpenAI API

Интересный факт

Проект включает библиотеку кейс-стади с разбором дизайна страниц Stripe, Linear и Notion — ИИ учится на лучших примерах, а не на абстрактных правилах.

С чего начать

  • Клонируйте репозиторий в папку skills Claude Code
  • Установите зависимости в scripts/ (npm install)
  • Начните диалог с Claude Code, активировав скилл CC Design

Оценка GitRadar

Удобство
6/10
Свежесть
8/10
Перспектива
7/10
Монетизация
4/10
Общая оценка
6/10

Вердикт GitRadar

Стоит пробовать, если вы уже используете Claude Code и хотите серьёзно автоматизировать дизайн-процессы. Проект сыроват (мало звёзд, нет issues), но архитектура продумана.

Наблюдения по обновлениям

Проект активен (последние коммиты недавние), но сообщество маленькое — звёзд мало, issues нет. Это нишевый инструмент для продвинутых пользователей Claude.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий
https://github.com/ZeroZ-lab/cc-design
Создан на GitHub
19 апреля 2026 г.
Последнее обновление репо
19 апреля 2026 г.
Последняя проверка GitRadar
19 апреля 2026 г.
Изученные файлы
references/case-studies/README.md, README.md, scripts/package.json, scripts/lib/parse_args.js, templates/design_canvas.jsx, templates/macos_window.jsx

FAQ

Что это такое?

Набор инструментов для Claude Code, который учит ИИ-агента работать как профессиональный дизайнер: создавать прототипы, слайды и макеты на HTML.

Для кого подходит?

Для разработчиков и продуктовых команд, которые хотят быстро получать качественные дизайн-артефакты через ИИ, без ручной вёрстки.

Источники

  • GitHub исходный код и активность
  • README описание, ссылки, стартовые материалы

Нужна помощь с ZeroZ-lab/cc-design?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.