handraw-style: 323 рукописных стиля и 161 вёрстка как скилл для агента
📂 Исходный код на GitHubСкилл для кодинг-агента: по номеру стиля, номеру вёрстки и номеру цвета собирает готовый текст запроса для картинки на английском и китайском. Внутри 323 рукописных стиля, 161 тип вёрстки и 36 цветов. Отдельные режимы делают обложку для статьи, планируют картинки по тексту и раскладывают фотосессию.
Скилл 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