/design — макеты и артборды из терминала

Почему это важно именно вам

Директору редко нужно рисовать интерфейсы. Но регулярно нужно другое: показать, как будет выглядеть лендинг, презентация, отчёт или письмо, — до того, как на это потратят неделю. Обычно этот этап выглядит как «объясняю дизайнеру словами → жду три дня → получаю не то → объясняю снова».

/design сокращает круг до минут. Вы описываете задачу словами, Claude публикует холст с несколькими вариантами оформления, вы смотрите их рядом, выбираете подходящий — и дальше он реализуется. Разговор с исполнителем начинается не с абстракции «что-то современное», а с картинки.

Что это такое

/design — скилл, приносящий в Claude Code процесс работы с артбордами: несколько макетов на одном холсте, который можно масштабировать и двигать. Технически это артефакт — то есть страница на claude.ai, доступная по ссылке.

Статус — research preview: возможность экспериментальная, доступна на Pro, Max, Team и Enterprise, требует версии не ниже 2.1.234. Поведение может меняться.

Что даёт формат холста, в отличие от «нарисуй страницу»:

• варианты рядом. Не один макет, а несколько подходов, которые видно одновременно;
• правка руками — или экспорт. Что доступно, зависит от аккаунта. Если для него включено сохранение, элементы на холсте выделяются и меняются прямо там, а кнопка сохранения публикует новую версию. Если сохранение не включено — холст открывается на просмотр, и черновик выгружается картинкой (PNG) или PDF для презентации;
• переход к реализации. Выбранный вариант передаётся обратно в сессию: «делай вот этот».

Как работает на практике

Базовый вызов

/design лендинг для нового продукта: заголовок, три преимущества, форма заявки,
отзывы. Стиль строгий, деловой, для B2B-аудитории.

Claude соберёт холст с несколькими артбордами и напечатает ссылку. Вы открываете и сравниваете варианты рядом.

Что писать в брифе

Правило то же, что для артефактов: описывайте задачу и содержание, а не эпитеты.

Плохо: «сделай красиво и современно».

Хорошо:

/design одностраничник для внутренней презентации проекта.
Аудитория — руководство, смотрит с ноутбука 2 минуты.
Блоки: цель проекта, три ключевые цифры, план по кварталам, риски, что нужно от них.
Тон сдержанный, без иллюстраций, акцент на цифрах.
Сделай три варианта с разной подачей цифр.

Просьба «сделай три варианта с разной подачей» — то, ради чего этот инструмент и существует.

Выбор и реализация

Посмотрев холст, вы говорите:

Беру второй вариант. Сделай на его основе HTML-страницу, которую можно
опубликовать, и вынеси цифры в отдельный блок сверху.

Дальше это обычная работа Claude Code: файл на диске, артефакт по ссылке или страница на вашем сервере.

Где это реально применимо директору

• макет лендинга или посадочной — прежде чем ставить задачу подрядчику;
• одностраничник для руководства — когда нужно уложить проект в один экран;
• варианты подачи отчёта — три версии одной сводки, выбираете читаемую;
• структура письма или коммерческого предложения — как оно будет выглядеть на экране получателя;
• бриф исполнителю — вместо описания словами прикладываете картинку и говорите «вот так».

Частые ошибки

Ждать работы профессионального дизайнера. Это инструмент быстрого прототипа и разговора, а не замена студии. Для айдентики, сложной вёрстки и бренда нужен человек.

Просить один вариант. Тогда вы теряете главное преимущество формата. Просите три и выбирайте.

Молчать про аудиторию и контекст. «Смотрит руководство две минуты с ноутбука» меняет макет сильнее, чем любые слова про стиль.

Забывать, что это research preview. Возможность может измениться или временно не работать; не стройте на ней процесс, который нельзя выполнить руками.

Публиковать холст с внутренними данными. Это артефакт: правила доступа те же. Для макета используйте выдуманные цифры, а не реальные показатели компании.

Когда нужно / когда нет

Стоит использовать:

• на этапе «надо показать, как это будет выглядеть»;
• когда нужно быстро сравнить подходы к подаче;
• когда вы ставите задачу подрядчику и хотите приложить картинку.

Не стоит:

• когда макет уже согласован и нужна аккуратная реализация;
• когда дизайн — часть бренда и требует профессионального решения;
• когда достаточно текста: не каждый документ нужно «дизайнить».

Связь с другими уроками

День 66–69 — артефакты. /design построен на них: холст публикуется как артефакт, с теми же правилами доступа и версиями.

День 82 — плагины и скиллы. /design — скилл; изучив блок 11, вы сможете собирать похожие процессы под свои задачи.

День 90 — итоговый проект. Макеты пригодятся, когда будете собирать личную систему и захотите показать её результат людям.

Задание на сегодня

1. Проверьте версию: /design требует 2.1.234 или новее.
2. Возьмите реальную задачу «надо показать, как это будет выглядеть» из ближайших недель.
3. Напишите бриф с аудиторией, контекстом просмотра и списком блоков. Попросите три варианта.
4. Откройте холст, сравните варианты, выберите один и попросите реализовать.
5. Оцените честно: сколько кругов согласования это сняло бы в вашем обычном процессе.

Критерий «выполнено»: у вас есть ссылка на холст с тремя вариантами и реализованный на основе одного из них результат.

Резюме

• /design — скилл, приносящий работу с артбордами в Claude Code: несколько макетов на одном холсте, публикуемом как артефакт.
• Статус research preview, тарифы Pro/Max/Team/Enterprise, требуется версия 2.1.234 или новее.
• Ценность — в сравнении вариантов рядом: просите три подхода, а не один.
• В брифе важнее всего аудитория, условия просмотра и список блоков, а не эпитеты про стиль.
• Выбранный вариант передаётся обратно в сессию для реализации.
• Правила доступа те же, что у артефактов: для макетов используйте условные данные, а не реальные показатели.