Huashu Design 3.0 — дизайн из одной фразы в агенте
Обзор Huashu Design 3.0 — open-source skill для Claude Code, Cursor и Codex: прототипы, PPTX, анимации и инфографика одной командой.
Что такое Huashu Design 3.0
Huashu Design — это open-source skill, который превращает AI-агентов (Claude Code, Cursor, Codex) в профессиональных дизайнеров, способных создавать высококачественные прототипы, слайд-деки, анимации и инфографику через обычные текстовые команды.
«Type. Hit enter. A finished design lands in your lap.» — девиз проекта из официального README.
Автор проекта — китайский разработчик 花叔 (Alchain), набравший 300 000+ подписчиков на различных платформах. Через три дня после выхода Claude Design он выпустил skill, который упаковывает системные промпты и дизайн-философии Claude Design во что-то, пригодное для любого coding-агента.
На момент написания обзора репозиторий набрал более 26 000 звёзд на GitHub, заняв #1572 место в глобальном рейтинге.
Ключевые возможности
Типы выходных артефактов
Skill умеет генерировать: интерактивные прототипы App и веб-сайтов, HTML-слайды с экспортом в редактируемый PPTX, анимации MP4 и GIF с фоновой музыкой, параллельные дизайн-варианты, инфографику и визуализацию данных.
За 3–30 минут вы можете получить анимацию продуктового релиза, кликабельный App-прототип, редактируемый PPT или инфографику print-качества.
Система «шесть кандидатов — три направления»
Достаточно передать skill брендовые активы (логотип, цвета, скриншоты UI) — и он считывает голос бренда; если не давать ничего, три реальных направления из шести миниатюр плюс библиотека из 84 стилей с визуальным образцом для каждого стиля всё равно спасут от «AI slop».
Логика генерации трёх направлений: сначала появляются шесть кандидатов, затем выбираются три наиболее сильных и непохожих друг на друга для полноценной проработки.
Библиотека из 84 стилей
Библиотека стилей выросла до 84 позиций — добавлены секции App и «китайский и восточноазиатский дизайн»; для каждого стиля есть образец-специмен; референсы теперь скриншотируются перед использованием.
«Внешний гроссбух» и дизайн-чекап
Дизайн-чекап (scripts/design_lint.py) проверяет только измеримые факты: сломанные изображения, слишком мелкий шрифт, недостаточный контраст, ошибки в консоли — красные флаги; декоративные шаблонные элементы — жёлтые флаги. Оценку субъективной красоты скрипт не выставляет.
«Внешний гроссбух» (look ledger) запоминает стили уже выпущенных вами проектов и предупреждает, если новые три варианта слишком похожи на предыдущие работы.
Агентонезависимость
Skill позиционируется как agent-agnostic: работает в Claude Code, Codex, Cursor, Trae, OpenClaw, Hermes Agent или любом агенте с поддержкой markdown-based skills, с задокументированным «деградированным» режимом для более слабых сред без spawning субагентов.
Как работает: флоу одной задачи
graph TD
A[Вы пишете одну фразу в агенте] --> B[Skill анализирует бренд-активы / контекст]
B --> C[Генерируются 6 кандидатов-миниатюр]
C --> D[Выбираются 3 направления]
D --> E[Полноценные дизайн-артефакты]
E --> F{Тип вывода}
F --> G[HTML-прототип / App]
F --> H[Редактируемый PPTX]
F --> I[MP4 / GIF анимация]
F --> J[Инфографика]
E --> K[Дизайн-чекап lint.py]
K --> L[Финальный артефакт]
Установка
Откройте Claude Code (или Cursor, Codex, OpenClaw, Hermes) и выполните команду: npx skills add alchaincyf/huashu-design.
Skill скачивает около 40 МБ ассетов (HTML-шаблоны, скрипты для видео, дизайн-референсы) в локальную папку проекта.
# Установка skill
npx skills add alchaincyf/huashu-design
# Пример промпта после установки
# "Сделай лендинг для приложения по трекингу привычек, минималистичный стиль"
Цены и лицензия
С 14 мая 2026 года проект полностью переведён на лицензию MIT: и личное, и коммерческое использование бесплатны, предварительная авторизация не требуется.
Huashu Design бесплатен и работает на существующей квоте Claude Code. Если вы уже платите за Claude Code и не имеете Claude.ai Pro, skill конкретно дешевле.
Это не означает, что работа бесплатна в магическом смысле — токены по-прежнему стоят денег, и крупные дизайн-задачи могут обходиться дорого или требовать времени.
По данным независимого теста: один прогон занял около 6 минут и обошёлся примерно в $1.35 по ценам API.
| Параметр | Значение |
|---|---|
| Базовая цена | Бесплатно (MIT) |
| Коммерческое использование | Разрешено (с MIT, май 2026) |
| Стоимость токенов | По тарифам вашего агента |
| Пример задачи (лендинг) | ~$1.35 / ~6 мин |
Плюсы и минусы
| ✅ Плюсы | ❌ Минусы |
|---|---|
| Полностью бесплатен (MIT-лицензия) | Нет графического UI — только терминал |
| Работает в любом agent (Claude Code, Cursor, Codex и др.) | Без брендовых активов качество падает до 60–65/100 |
| 84 стиля с образцами, «гроссбух» и дизайн-чекап | Сложные анимации (3D, физика, частицы) не поддерживаются |
| Вывод в HTML, MP4, GIF, редактируемый PPTX | Нельзя редактировать PPTX на уровне слоёв / перенести в Keynote |
| Нет отдельного лимита использования — расходует обычные токены | Документация и SKILL.md частично на китайском |
| Активное сообщество, 26K+ звёзд на GitHub | Командная коллаборация не предусмотрена |
| Design-чекап автоматически отлавливает технические дефекты | Производство backend/SEO-сайтов вне зоны применения |
Сравнение с альтернативами
Официальное сравнение с Claude Design из README проекта:
| Параметр | Claude Design (Anthropic) | Huashu Design 3.0 | v0 (Vercel) |
|---|---|---|---|
| Форм-фактор | Веб-продукт (браузер) | Skill для агентов | Веб-продукт |
| Квота использования | Отдельная, жёстко ограниченная | Обычные токены агента | Ограниченные кредиты |
| Формат вывода | Canvas + Figma-экспорт | HTML / MP4 / GIF / PPTX / PDF | React-компоненты |
| Взаимодействие | GUI (клик, перетаскивание) | Разговор с агентом | GUI + промпты |
| Сложные анимации | Ограничено | Stage + Sprite, 60fps | Нет |
| Совместимость с агентами | Только Claude.ai | Claude Code / Cursor / Codex / Trae / Hermes | Только Vercel-экосистема |
| MP4/GIF-экспорт | ❌ | ✅ | ❌ |
| Цена | Pro/Max подписка (~$20–200/мес) | Бесплатно (MIT) | Freemium |
Huashu Design стоит выбирать, если нужна полностью опinionated система, генерирующая законченные дизайны из коротких промптов. Это рабочий процесс, а не справочник.
Задача: лендинг для нового мобильного приложения.
- Запускаете агент, пишете: «Сделай лендинг для приложения домашних рецептов, аудитория — молодые семьи».
- Получаете 6 миниатюр-кандидатов, выбираете понравившиеся 3.
- Через 6–15 минут — три полноценных HTML-варианта с автоматическим дизайн-чекапом.
- Экспортируете в PPTX для презентации клиенту.
Вердикт
Huashu Design 3.0 — это серьёзный инструмент для тех, кто уже живёт в терминале и работает с AI-агентами. Он закрывает реальную боль: жёсткие лимиты официального Claude Design и необходимость переключаться между инструментами.
Huashu Design — это агентный skill для создания дизайн-артефактов в HTML: кликабельные hi-fi прототипы, деки 1920×1080 вместо PowerPoint, анимационные демо с таймлайном и инфографика print-качества.
Сильные стороны — гибкость форматов вывода (HTML, MP4, GIF, PPTX), полная агентонезависимость, MIT-лицензия и механизм «гроссбуха», который со временем учится вашим предпочтениям. Слабые — отсутствие визуального редактирования, частичная документация на китайском и деградация качества при работе с нуля без брендовых материалов.
Кому подойдёт:
- Разработчики и технические PM, работающие с Claude Code / Cursor / Codex
- Стартапы с ограниченным дизайн-бюджетом
- Фрилансеры, которым нужны быстрые презентабельные прототипы
- Все, кто упёрся в лимиты официального Claude Design
Кому не подойдёт:
- Дизайнеры, привыкшие к GUI и попиксельному контролю (Figma, Sketch)
- Команды, которым нужна совместная работа над дизайном
- Проекты, требующие production-ready frontend или бэкенд-интеграции
Рейтинг: 8/10
Huashu Design переосмысляет дизайн как часть агентного рабочего процесса — и для своей аудитории это правильный подход.