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

bluzir/claude-code-design: Claude Code Design — дизайн через терминал с помощью ИИ-агента

Создавайте презентации, прототипы и дизайн-системы прямо в терминале, описывая задачу текстом, а не рисуя в интерфейсе.

Это инструмент для генерации дизайн-артефактов через терминал. Вместо того чтобы работать в canvas-приложении, вы используете навыки (skills) внутри Claude Code. Проект автоматически определяет контекст, выбирает подходящий формат вывода и создаёт готовые...

★ 16 JavaScript Форки 1 Issue 0 Оценка 7/10 Карточка проверена

Для кого это

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

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

Тратить время на ручное создание слайдов, прототипов и дизайн-систем в графических редакторах, когда можно просто описать задачу и получить готовый результат.

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

Проект воспроизводит функциональность Claude Design от Anthropic Labs, но работает внутри Claude Code CLI. Вы описываете задачу в терминале, ИИ-агент анализирует контекст, выбирает нужный навык и генерирует HTML-презентации, интерактивные прототипы или дизайн-системы. Всё происходит через текстовые команды, без графического интерфейса.

Что видно по README

Это инструмент для генерации дизайн-артефактов через терминал. Вместо того чтобы работать в canvas-приложении, вы используете навыки (skills) внутри Claude Code. Проект автоматически определяет контекст, выбирает подходящий формат вывода и создаёт готовые HTML-файлы с профессиональным качеством.

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

Генерация HTML-презентаций с навигацией и заметкамиСоздание интерактивных прототипов на ReactПостроение дизайн-систем из существующего кодаАвтоматический импорт стилей из GitHub-репозиториевЭкспорт в PDF и PPTX

Технологии

JavaScriptChrome DevTools MCPPuppeteerReactTailwindCSSRust

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

Проект превращает каждое действие пользователя в оригинальном Claude Design (клик по вкладке, переключение тумблера) в момент автономии ИИ-агента — вы описываете, а он исполняет.

С чего начать

  • Клонируйте репозиторий
  • Запустите Claude Code в папке проекта
  • Выполните команду /doctor для настройки

Оценка GitRadar

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

Вердикт GitRadar

Стоит попробовать, если вы уже используете Claude Code и хотите ускорить создание дизайн-материалов. Проект экспериментальный, но предлагает свежий подход к дизайну через текст.

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

Проект свежий (14 звёзд, 1 форк), но документация подробная, есть рабочие скрипты экспорта.

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

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

Исходный репозиторий
https://github.com/bluzir/claude-code-design
Создан на GitHub
20 апреля 2026 г.
Последнее обновление репо
20 апреля 2026 г.
Последняя проверка GitRadar
20 апреля 2026 г.
Изученные файлы
README.md, package.json, scripts/export-pdf.mjs, starters/design_canvas.jsx, scripts/export-pptx.mjs, scripts/make-assets-index.mjs

FAQ

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

Инструмент для генерации дизайн-артефактов (презентаций, прототипов) через текстовые команды в терминале, без графического интерфейса.

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

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

Источники

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

Нужна помощь с bluzir/claude-code-design?

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