blr*
18 мин на главную
журнал / кейс / вайбкодинг · дизайн
видео-кейс по четвергам claude design

claude design: делаю карточки, ботов и сайты

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

smart·case
нажми play — откроется запись youtube · можно открыть главы ниже
плейсмент под youtube / kinescope / файл
tl;dr · если нет 18 минут
01кидаешь в claude design сырой контекст файлом — и просишь собрать, не расписывая детали
02правишь отдельные элементы прямо в холсте, как в редакторе, и жмёшь save
03не нравится — не переделываешь, а заходишь заново с другого референса
04экспортишь project-архив и несёшь контекст в codex / claude code — собрать живого ботика

четыре сценария из видео

как один инструмент закрывает разные задачи — от карточки до продуктовой мысли

сценарий 1

карточки

пост для gconf про страхи перед потоком

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

сценарий 2

ботик

cjm ботика для экспатов, встречи irl

от контекста → сайт в 3 вариантах → баннеры под плейсменты → сам cjm с кнопками и анкетой. потом project-архив уезжает в codex и превращается в живого бота в телеге.

сценарий 3

сайт

публичный журнал комьюнити — этот самый

заход с минимальным контекстом: «сделай 2-3 варианта дизайна». выбираешь один, берёшь за основу и step-by-step наполняешь. без готовой картинки в голове — тренируешься прямо в процессе.

сценарий 4

продуктовое мышление

думать про продукт руками, а не в голове

не только визуал — инструмент помогает разложить мысль: собрать роудмап, визуализировать календарь запусков, увидеть, как устроен продукт и как связаны его части.

приёмы, которые забираешь

контекст > инструкции

отдай сырой файл и намерение, не диктуй кайдены и детали — направление ловится за пару итераций

правь точечно

выдели элемент, поменяй перенос/цвет/шрифт руками и нажми save — как в обычном редакторе

не чини — заходи заново

плохой результат быстрее пересобрать с другого референса, чем докручивать

архив как контекст

экспорт project-архивом — шрифты, цвета, экраны — и передавай дальше в codex / claude code

#claude-design #дизайн #прототипы #вайбкодинг