pimenov.ai

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

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

Опубликовано Обновлено
ИИ-агентыИнструменты
СейчасЧто это вообще такое
  1. Что это вообще такое
  2. Почему это не «ещё один генератор макетов»
  3. Ещё пара деталей, которые цепляют
  4. Откуда это взялось
  5. Что по итогу

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

В мире 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 за первые дни — видимо, таких людей хватает.

По теме

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

Если хотите разобрать свою задачу — напишите мне

Можно прийти с идеей, черновым контекстом или уже живой задачей. Помогу быстро понять, где реальный следующий шаг, а где лишний шум.

Напишите мне в Телеграм Мой Телеграм канал

Обычно хватает 2–3 сообщений, чтобы понять, могу ли я здесь реально помочь и в каком формате лучше двигаться дальше.

Связанные материалы