Головна / Статті / Витягніть свій візуальний стиль і закріпіть його в процесі роботи з ШІ-зображеннями

Витягніть свій візуальний стиль і закріпіть його в процесі роботи з ШІ-зображеннями

Як за допомогою Claude Design витягти з найкращих робіт специфікацію кольору й композиції, розв'язати суперечності, зафіксувати блок промпту та запакувати все в Skill з перевірками.

2237 слів

Уявіть цифрового художника, який завантажує в Claude Design шість робіт із серії про ботанічне скло й питає, якій візуальній системі вони підпорядковуються. Легко очікувати розмитого опису настрою на кшталт «м'яко, квітково, мрійливо» — з тих, що звучать приємно й нічого не змінюють.

Натомість приходить робоча специфікація. У ній точні hex-значення, узяті з рендерів самого художника, плюс пропорції, у яких вони використовуються: 46% рожевий фон, 25% пелюстково-рожевий, 10% шавлієвий і 3% ягідний. Ще в ній сказано, що фокусна точка в усіх шести роботах розташована на 42% від верхнього краю кадру — звичка, якої художник за собою не помічав. І один рядок вирізняється особливо: оливковий фон за роботами 04, 05 і 06 — це «другий бренд, захований у вашій добірці».

Виходить, брендів було два, і місяцями вони чергувалися, видаючи себе за різноманіття. Саме в цей момент витягування стає корисним. Не тоді, коли інструмент вам лестить, а коли він називає те, що ви оминали. Далі описано процес для етапу після витягування, а ця специфікація слугує робочим прикладом.

Спершу проведіть витягування

Якщо ще не робили, почніть із витягування. Зайдіть на claude.ai/design, завантажте свої найсильніші роботи й попросіть витягти систему, перш ніж замовляти щось нове. Claude Design входить у плани Pro, Max, Team і Enterprise (у Free його немає), а оскільки він позначений як дослідницька превʼю-версія, варто чекати шорсткостей.

Шість робіт — добрий варіант. Якщо їх менше чотирьох, інструмент не відрізнить закономірність від випадковості. Якщо більше десяти, суперечності усереднюються в кашу, і сенс губиться. Обирайте найкращі роботи, а не останні, бо ви вчите його того, до чого прагнете. Почніть із короткого вступного повідомлення.

Here are 6 pieces from my [series name].

Потім надішліть сам запит.

Before you generate anything, extract the design system that's already
in these. I want a working specification, not a description.COLOR: exact hex values sampled from the actual pixels. Group them by
role — ground, mid, accent. Tell me the approximate ratio each one
occupies across the set. Name the deepest value in the whole set.COMPOSITION: aspect ratio, where the focal point sits as a percentage
from the top, subject width as a percentage of frame, margin rules,
where secondary elements are allowed to live.TYPE: what typographic decisions exist, and flag where I've made none.Then — most important — tell me the places this set argues with itself.
Where am I inconsistent? Which inconsistency is doing the most damage?Don't be diplomatic about it.

Окупається саме останній абзац цього промпту. Усе, що вище, — документація, а фінальна частина — діагноз.

Розберіться зі спірним елементом

Кожне витягування позначає щось як непослідовне. Тут це було названо прямо: зразок кольору з позначкою CONTESTED і приміткою, що оливкові фони утворюють усередині добірки другий бренд.

Три з шести робіт стояли на теплому рожевому, три — на оливково-шавлієвому. Обидва варіанти виглядали добре, і в цьому була біда. Нічого не було зламано, тож і приводу щось лагодити не виникало, але сітка читалася як два акаунти під одним логіном.

Більшості хочеться обрати переможця й видалити переможеного, і зазвичай це помилка, яка коштує їм добрих робіт. Розумніше — пониження, а не видалення. Рожевий став основним, приблизно 80% робіт: фон, за яким роботи безпомилково впізнаються як авторські. Оливковий перетворився на іменований сезонний режим на 20%, який приберігають для свідомих серій на кшталт запуску, циклу чи сезону, і ніколи не чергується в сітці від кадру до кадру.

Специфікація дала й умовне правило, до якого самотужки дійти важко: коли фон оливковий, нутро скла має бути перлинно-рожевим, а не зеленим. Інакше весь кадр зливається в одну зелену масу, і об'єкт перестає відокремлюватися від фону.

Ось промпт, який варто позичити. Почніть із позначеного елемента.

You flagged [the contested element] as an inconsistency in my set.

Потім попросіть план пониження, а не вердикт.

Don't tell me to pick one. Tell me how to demote one.Which should be primary, and at what percentage of my output? What
should the secondary one be reserved for — what occasion, what
cadence, what rule?And what has to change inside the frame when I switch to the secondary
mode, so it still reads as the same brand?

Перетворіть специфікацію на фіксувальний блок

Специфікація, залишена в документі, нічого не дає, доки не стане тим, що ви вставляєте. Перетворити витягнуті правила на блок, з якого починається кожен промпт для зображення, — можливо, найкращі двадцять хвилин усього процесу. Стисла версія починається з рядка-заголовка.

STYLE LOCK — botanical glass

і продовжується самими правилами.

Ground: dusty rose field (#E3C0B7 body, #F4E2DA upper wash,
#CFA096 corner vignette). Warm throughout — no cool grey, no true
black, no true white anywhere in frame. Deepest value #4A3A38.Color ratio: ~46% rose ground, 14% pearl, 25% petal pink, 10% sage,
3% berry, 2% warm gold.Green appears ONLY inside the glass — never as a background, never
in the outer field.Berry (#C9576F) is the only saturated color permitted. Flower centres
only. Under 3% of the frame.Backlight bloom is always behind the subject, never in front.Format: 4:5 portrait, 1080 × 1350. One subject, horizontally centred,
55–70% of frame width. Never two subjects.Focal point — the eye, the glass rim, the widest point — sits 38–45%
from the top.Bottom 15% is a wet reflective plane. Non-negotiable; without it the
subject floats and the piece reads unfinished.Petals and butterflies live in the outer 20% margin only. They may
break the frame edge. They never enter the centre.

До цього блоку варто придивитися, бо в ньому немає жодного слова про настрій. Кожен рядок — числове обмеження, і приблизно половина з них — заборони: зелений лише всередині скла, ніколи двох об'єктів, нічого на передньому плані. Заборони важать більше за побажання. Фраза на кшталт «м'яко й мрійливо» пасує тисячам зображень, майже всі з яких прісні. У заборони на чистий чорний один результат, і цей результат упізнавано ваш.

Виправляйте в правильному порядку

Специфікація закінчувалася списком виправлень за пріоритетом, і логіку цього порядку варто позичити, навіть якщо ваші правила зовсім на ці не схожі:

  1. Додайте хендл на кожну роботу, з однаковим положенням, розміром і прозорістю. Він був лише на одній із шести. Це був найдешевший пункт списку, але шкодив він найбільше: робота без підпису ніколи не накопичує ефекту, і кожен репост вів у нікуди.
  2. Оголосіть рожевий основним і перестаньте робити оливкові фони від випадку до випадку.
  3. Зафіксуйте світло: одне тепле контрове підсвічування, м'яка падна тінь і жодних різких країв від вікон.
  4. Стандартизуйте кадр: 4:5 і 1080 x 1350, з мокрою площиною підлоги в кожній роботі.

Порядок іде від найдешевшого й найпомітнішого до найдорожчого. Виправлення, які приємно робити й тому спокусливі для людей зі смаком, першими не йдуть. Хендл забрав менше години й змінив те, як працює кожен наступний пост, а виправлення світла художньо приємніше, але важить менше.

Якщо у вашому списку немає порядку, попросіть його. Спершу попросіть ранжування.

Rank these fixes by damage-per-hour-of-work: how much each one improves
brand recognition divided by how long it takes me to implement.

Потім спитайте, з чого почати.

Cheapest, highest-visibility first. Tell me which one to do today.

Бережіть композицію

Компонування часто пропускають: колір здається творчим вибором, а кадрування — паперовою роботою. Але в цій специфікації кадрування виявилося найсильнішим активом системи, тим, що найбільше заслуговує на захист. Фокусна точка в усіх шести роботах була між 38% і 45% від верху, і п'ять із них мали формат 4:5. Саме ця одноманітність змушувала роботи читатися як одна колекція й утримувала ідентичність, поки кольори сперечалися між собою.

Тому кадр стандартизувати найдешевше, а втратити найдорожче. Зафіксуйте співвідношення сторін, висоту фокуса й правило полів, а суперечки про колір залиште на потім. Є й побічна користь. Коли кадр зафіксовано, кожен оверлей (хендл, підпис, ціна, заклик до дії) отримує постійне місце. Тут це відступ 4%, хендл праворуч угорі, підпис ліворуч унизу й нічого по центру. Це перестає бути дизайнерським рішенням і стає шаблоном, і завдяки цьому шаблону пост займає десять хвилин замість шістдесяти.

Запакуйте систему в Skill

Зараз специфікація лежить у документі, і вставляти її треба не забувати. Це працює до першого завантаженого тижня, після якого ви знову імпровізуєте. Це розв'язують Skills. Skill пакує інструкції, правила й довідкові файли, щоб Claude сам завантажував їх, коли вони потрібні. Ви описуєте систему один раз, а не повторюєте її на початку кожної сесії.

Завантажте туди все: кожне hex-значення та його роль, пропорції, правила композиції й заборони, вердикт щодо спірного елемента й пов'язане з ним умовне правило. Додайте те, що майже всі пропускають: кілька відхилених робіт, кожну з причиною в один рядок. Відмови окреслюють межу краще, ніж схвалення. «Пішло надто в олив». «Зелений протік у зовнішнє поле». «Два об'єкти, не працює». Три такі приклади вчать більше, ніж тридцять схвалених зображень. Запит до Claude виглядає так:

Build me a custom Skill from this design system spec.
Include: the palette with hex values and the role of each, the working
ratio, composition rules, type rules, and every negative rule as an
explicit prohibition.Add a section called "rejected" — I'll give you examples of work that
missed, and you write down the rule each one broke.Then tell me how to install it.

Перевіряйте кожну нову роботу

Тепер система відпрацьовує своє. Нова робота перевіряється за правилами, а не за вашим сьогоднішнім настроєм. Надішліть її на перевірку.

Here's a new piece for the series. Audit it against my design system.

Потім попросіть суворий вердикт за кожним правилом.

Go rule by rule: comply or fail. For each failure, name the rule, what
the piece does instead, and the smallest fix.Then tell me the one thing that's most off-brand about it.Don't grade generously. If it passes everything, say so plainly — but
check the negative rules first.

Прогін перед публікацією чи пакуванням займає близько дев'яноста секунд і виявляє повільний дрейф, який непомітний, доки через три місяці сітка не почне виглядати чужою.

Знайте, які правила можна гнути

Система чогось варта, лише якщо її порушення щось означає. Якщо вічно дотримуватися кожного правила в кожній роботі, вийде шаблон, а це не те саме, що бренд. Перевірка в тому, чи можете ви сказати, яке правило порушили й навіщо. Робота до запуску, зроблена максималістською, бо мусить зупинити стрічку, — це рішення. Робота, яка просто «вийшла інакшою», — це дрейф.

Складіть список, які правила структурні, а які стилістичні. Тут кадр, мокра площина підлоги й хендл структурні й не рухаються ніколи. Пропорції палітри й щільність частинок стилістичні й можуть гнутися заради запуску чи сезонної серії. Вирішіть це заздалегідь, до того як з'явиться спокуса щось зігнути.

Що ви отримуєте окрім послідовності

Проявляються дві вигоди, на які можна не чекати. Перша — швидкість. Кожен промпт для зображення починається із зафіксованого блоку, а не з порожнього рядка, тож змінною стає ідея, а не питання, чи буде робота схожа на вашу. У цьому й полягає обіцянка дизайн-системи, і до генерації зображень ШІ вона застосовна так само чисто, як до продуктового дизайну.

Друга вигода в тому, що специфікація перетворюється на продукт. Записана візуальна система (палітра з ролями, правила композиції, блок промпту, що її породжує) — це саме те, за що платять покупці наборів промптів. Витягування не просто впорядковує наявні роботи. Воно відкопує актив, який увесь час був на місці, але не був задокументований.

Багатьом авторам до відкриття, що система в них уже є, лишається одне витягування. Просто вона не записана, а отже, її не можна повторити, викласти чи продати. Тож завантажте шість робіт, спитайте, що ви робили весь цей час, а потім візьміться за важку частину: прочитайте суперечність, яка спливе, і ухваліть справжнє рішення.