cc-design — плагин

HTML-дизайн для Claude Code и Codex: презентации, лендинги, прототипы, анимации и дизайн-системы. Нужны Playwright и ffmpeg

  • 826 ★ репозитория
  • Последний коммит
Плагин

Минимальный доступ

Почему такой уровень

  • Ставит Playwright и ffmpeg на машину
  • Лицензия не указана
Все причины и проверки

zeroz-lab/cc-design

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add plugins/cc-design

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Ставит Playwright и ffmpeg на машину
  • Лицензия не указана

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

cc-design — плагин для Claude Code и Codex, который делает HTML-дизайн: презентации, лендинги, прототипы, анимации и дизайн-системы. Установка: `/plugin marketplace add ZeroZ-lab/cc-design`, затем `/plugin install cc-design@cc-design`. Для работы нужны Playwright (`npx playwright install chromium`) и ffmpeg. Примеры в стиле известных продуктов описывают приемы, а не копирование брендов. Автор лицензию не указал, последнее обновление 04.07.2026.

Для кого. Для разработчиков и дизайнеров, которым нужны быстрые HTML-макеты, презентации и анимации от агента.

Подходит, если

  • Нужны презентации и лендинги в HTML от агента
  • Нужны прототипы и анимации
  • Нужна дизайн-система в HTML

Не подходит, если

  • Нужна ясная лицензия: ее нет
  • Нельзя ставить Playwright и ffmpeg

Пример запроса к агенту

Сделай HTML-презентацию из пяти слайдов о релизе продукта с анимацией переходов и экспортом в видео

Ограничения

Для работы нужны Playwright с загрузкой браузера Chromium и ffmpeg, они ставятся на вашу машину. Приемы вдохновлены известными продуктами, но копировать чужие бренды нельзя. Агент создает файлы в проекте. Доступ минимальный. Автор не указал лицензию, права на использование и копирование не определены, уточните у автора.

Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.

Частые вопросы

Что делает cc-design?

Создает HTML-презентации, лендинги, прототипы, анимации и дизайн-системы.

Что нужно для работы?

Playwright с Chromium и ffmpeg.

Какая лицензия?

Автор лицензию не указал.

Обсуждение

Вопросов и отзывов пока нет.

Плагины

Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества

ПлагинРасширенный доступ1,6 тыс.Звезды репозитория

designlang

designlang (design-extract)

CLI и MCP-сервер, который читает готовый сайт и достает из него дизайн-систему: токены DTCG, конфиг Tailwind, переменные Figma и брендбук

CLIРасширенный доступ4,2 тыс.Звезды репозитория

Awesome Claude Design

awesome-claude-design

Подборка готовых файлов DESIGN.md, которые Claude Design разворачивает в каркас интерфейса: цвета, шрифты, компоненты. Брать как вдохновение

ПромптМинимальный доступ4,1 тыс.Звезды репозитория

Открытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов

MCP-серверШирокий доступ100,8 тыс.Звезды репозитория

Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js

ПлагинРасширенный доступ1 тыс.Звезды репозитория

CLI, который вытаскивает дизайн-систему любого сайта в токены: цвета, шрифты, отступы, тени за один запуск

CLIРасширенный доступ3,6 тыс.Звезды репозитория

Сравнение с похожими

Записи с тем же главным запросом: чем они отличаются.

ЗаписьОфициальныйЗвезды репозиторияГлавное отличие
cc-design (эта запись)нет826
Tastemakerнет453скилл вкуса интерфейсов с проверкой контраста по WCAG
3dviz Pro Maxнет7353D-сцены из идеи для Three.js, Blender и glTF

Коротко о README

README описывает плагин для HTML-дизайна: презентации, лендинги, прототипы, анимации и дизайн-системы, нужны Playwright и ffmpeg. Лицензия не указана.

Бейдж для README

Сообщить о проблеме

Foxx AIcc-design
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.