huashu-design — скилл, который превращает терминал в дизайн-студию (и делает это правильно)

huashu-design — open-source скилл для Claude Code, Cursor и других агентов, который умеет делать прототипы, презентации и анимации. Но главная ценность — не в выходных файлах, а в том, как организован процесс.

ИИ-агентыИнструменты

На днях попробовал этот скилл в работе над новым сайтом — и он реально сильно меня выручил. Это тот случай, когда инструмент не просто экономит время, а меняет сам подход к задаче. Поэтому решил рассказать подробнее.

В мире AI-инструментов для дизайна каждую неделю появляется что-то новое. Обычно это выглядит так: «скажи агенту — получи красивую картинку». Проблема в том, что «красивая картинка» чаще всего — это фиолетовые градиенты, иконки-эмодзи и типографика на Inter. Одинаковый AI-слоп, который ни один заказчик не примет.

huashu-design подходит к задаче с другой стороны.

Что это вообще такое

huashu-design — это скилл (навык) для терминальных AI-агентов. Ставится одной командой:

npx skills add alchaincyf/huashu-design

После этого вашему агенту — будь то Claude Code, Cursor, Codex, OpenClaw или Hermes — можно сказать что-то вроде «собери кликабельный iOS-прототип на 4 экрана» или «сделай презентацию в PPTX». На выходе — HTML-прототипы с настоящим фреймом iPhone, MP4/GIF-анимации, редактируемые PowerPoint-файлы (не картинки, а реальные текстовые фреймы), PDF и SVG для инфографики.

Скилл agent-agnostic: работает с любым агентом, который поддерживает markdown-скиллы.

Почему это не «ещё один генератор макетов»

Главная ценность huashu-design — не в том, что он умеет рендерить. А в том, как организован рабочий процесс.

Большая часть AI-дизайна выглядит плохо не потому, что модель не умеет CSS. А потому что она начинает с пустого холста и галлюцинирует бренд из памяти. Вспомните: вы просите агента «сделай лендинг для Stripe» — и получаете что-то с примерно похожими цветами, но с выдуманным логотипом и несуществующими скриншотами продукта.

В huashu-design это прибито жёстким правилом — Core Asset Protocol. Если задача связана с конкретным брендом, агент обязан:

  1. Спросить про 6 типов ассетов: логотип, продуктовые фото, UI-скриншоты, палитра, шрифты, гайдлайны
  2. Найти официальные ресурсы через поиск
  3. Скачать с тремя фолбэк-путями для каждого типа
  4. Проверить качество и извлечь реальные цвета из найденных файлов
  5. Зафиксировать всё в brand-spec.md

Никаких угадываний из памяти. Сначала собери данные — потом рисуй.

Ещё пара деталей, которые цепляют

Есть Fact Verification First — правило номер ноль. Если задача упоминает конкретный продукт или технологию, первое действие — веб-поиск для проверки существования, версии и спецификаций. Десять секунд на поиск против часа переделок.

Есть Junior Designer Workflow — агент не пытается сделать идеальный результат с первого раза. Сначала покажет набросок с плейсхолдерами, потом заполнит реальным контентом, потом предложит вариации. Ловить ошибку на раннем этапе в сто раз дешевле, чем на финальном.

И есть явные Anti AI-slop правила: никаких фиолетовых градиентов по умолчанию, никаких SVG-силуэтов вместо реальных фото продуктов, никакого Inter в качестве дисплейного шрифта.

Откуда это взялось

Автор — китайский разработчик Huasheng (花叔), известный по Cat Fill Light (топ-1 App Store в платных), книге о DeepSeek и скиллу Nüwa (12k+ звёзд на GitHub). Он честно признаётся: философию Core Asset Protocol он вытащил из системных промптов Claude Design от Anthropic. Но превратил её в открытый скилл для терминала — и это другой формат для другой аудитории.

Claude Design — это графический инструмент, который работает в браузере. huashu-design — это когда слой графического интерфейса исчезает совсем. Два пути, разные пользователи.

Что по итогу

По сути, huashu-design — это не GUI и не очередной конструктор. Это хорошо описанный рабочий процесс для агента: какие вопросы задать, какие ассеты собрать, где проверить факты, когда показать черновик, как экспортировать результат. Сам автор оценивает скилл на 80 баллов из 100 — и говорит, что для людей, которые не хотят открывать графический редактор, 80-балльный скилл побеждает 100-балльный продукт.

7 000+ звёзд на GitHub за первые дни — видимо, таких людей хватает.

По теме

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