handraw-style: 323 рукописных стиля и 161 вёрстка как скилл для агента

· 1 мин чтения
image-generation prompts design agent-skills content-creation
📂 Исходный код на GitHub

Скилл для кодинг-агента: по номеру стиля, номеру вёрстки и номеру цвета собирает готовый текст запроса для картинки на английском и китайском. Внутри 323 рукописных стиля, 161 тип вёрстки и 36 цветов. Отдельные режимы делают обложку для статьи, планируют картинки по тексту и раскладывают фотосессию.

handraw-style: 323 рукописных стиля и 161 вёрстка как скилл для агента

Скилл handraw-style решает одну задачу: помочь сформулировать запрос для генератора картинок. Он превращает расплывчатое «сделай покрасивее» в конкретный номер стиля, номер вёрстки и номер цвета. Внутри репозитория лежат 323 рукописных стиля, 161 тип вёрстки и 36 готовых цветов. Всё это складывается в готовый текст запроса на английском и китайском.

Репозиторий изначально сделан на китайском, но в нём есть полная версия на английском: README_en.md, каталоги STYLES_en.md, LAYOUTS_en.md и COLORS_en.md.

Что лежит внутри

Что Сколько Как пользоваться
Рукописные стили 323, номера от 001 до 323 Стиль задаёт линии, бумагу, палитру и манеру персонажей
Типы вёрстки 161 21 карточка для соцсетей, 35 инфографик, 68 раскадровок, 13 макетов для персонажей, 24 схемы для товаров
Цвета 36, номера от C-01 до C-36 Один цвет задаёт настроение всей картинки

Цвет задаёт настроение всей картинки. В палитру входят классический синий, шалфейный зелёный, оранжевый Hermes и серый Пейна. Все 36 цветов разложены по шести группам: синие, свежие зелёные, классические красно-зелёные, розово-фиолетовые, тёплые землистые и нейтральные.

Подробное описание всех стилей лежит и в отдельной таблице: styles_200_reorganized.md. Для просмотра картинок в репозитории есть готовые страницы на HTML — их открывают локально в браузере.

Как поставить

Установка — одна команда. Вы даёте кодинг-агенту адрес репозитория и просите поставить этот скилл. Дальше агент сам скачает файлы и разложит их по местам. Авторы отдельно упоминают Codex, Claude Code, Cursor, WorkBuddy и OpenCode.

Если не хочется листать каталог, есть режим умного подбора. Вы просто описываете тему словами, а скилл сам подбирает стиль и цвет и объясняет свой выбор. Например, тема «кот греется на подоконнике» превращается в пару «стиль 018 — минимальный диалоговый рисунок» и «цвет C-26 — цвет хурмы». Если вы задали только стиль, скилл подберёт цвет к нему. И наоборот.

Семь режимов работы

За пределами простого «стиль плюс тема» в репозитории есть отдельные режимы под конкретные задачи.

Режим Что делает
Умный подбор По описанию темы сам выбирает стиль и цвет
Точный выбор Берёт заданные вами номера стиля, вёрстки и цвета
Дизайн плакатов Раскладывает тему по восьми полям: тема, сцена, аудитория, плотность, настроение, цвета, стиль подачи, рисунок
Обложка для статьи Находит главную мысль в тексте, придумывает образ читателя, подбирает стиль и цвет, задаёт пропорции под площадку
Планирование картинок в статье Выбирает 2–5 мест, где картинка нужна, и фиксирует один стиль на всю статью
Планирование съёмки Предлагает три сценария для фотосессии, потом собирает пробную картинку из восьми кадров
Универсальный плакат Из произвольного набора данных делает плотный плакат, не привязываясь к готовым схемам

Последние три режима интереснее всего тем, кто работает с текстами.

Обложка для статьи собирается из самого текста. Агент выжимает основной аргумент и придумывает портрет читателя. В запрос он вставляет указание: «сначала придумай образ, потом рисуй; заголовок крупный, мелких надписей почти нет». Дальше вы либо сами генерируете картинку в любом редакторе, либо отвечаете агенту одной фразой и получаете готовый файл.

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

Режим съёмки — для тех, кто делает фотосессии. Агент не выбирает за вас. Сначала он предлагает три сценария с разным временем и местом, и только потом расписывает одежду, причёски и макияж по персонажам. Каждый сценарий лежит в отдельном блоке кода. Такой блок можно скопировать целиком и отдать генератору картинок.

Два режима запроса

Один и тот же номер стиля можно использовать двумя способами.

  • Только рисунок. Тему пересказывает картинка, надписей внутри нет. Подходит для обложек, плакатов без текста и иллюстраций.
  • Рисунок с текстом. Ваш текст становится частью композиции, надписи ложатся в кадр. Подходит для цитат и карточек для соцсетей.

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

Как скилл понимает разные модели

Отдельная часть репозитория — список проверенных возможностей моделей. Правило простое.

Для моделей, которые авторы проверили лично (например, gpt-image-2), есть порядок. Сначала агент даёт имя автора и название стиля. Потом добавляет ключевые черты рисунка. А картинку-образец подключает только тогда, когда одних черт недостаточно. Лишняя картинка, по опыту авторов, может зафиксировать композицию и мешать модели.

Для всех остальных моделей — Midjourney, Flux, Stable Diffusion, Imagen, Gemini — работает запасной приём. Скилл даёт лист из четырёх кадров как ориентир. По словам авторов, так модель точнее попадает в нужную манеру рисунка.

Список возможностей лежит в открытом файле. Авторы просят присылать результаты своих проверок.

Кому это нужно

  • Авторам текстов. Обложка для рассылки, плакат, картинки внутри статьи — всё из одного описания.
  • Владельцам соцсетей. Карточки с цитатами, карусели, оформление рубрик.
  • Фотографам. Раскладка съёмки и подбор одежды по ролям.
  • Иллюстраторам и дизайнерам. Быстрый черновик вместо долгого подбора стиля.
  • Авторам комиксов. Раскадровки и разбивка на четыре панели.

Лицензия и автор

Репозиторий распространяется по лицензии MIT с одним условием: если проект вам пригодился или вы делаете свою версию, оставьте имя автора yang0 и ссылку на репозиторий. Коммерческое использование авторы разрешают отдельно и явно. Полный текст — в файле LICENSE.

Подробные разборы приёмов работы собраны в TUTORIALS_en.md.

Источник: https://github.com/yang0/handraw-style