Привет всем вайбкодящим и только собирающимся 👀

Мы в Домклик всё активнее подключаем ИИ-агентов к работе дизайнеров. С их помощью проверяем гипотезы, собираем живые прототипы, добавляем в продукт эмоции — а некоторые эксперименты отправляем сразу в прод.

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

🦁 Павел Рябов · Claude & Codex + VS Code

Запрототипировал раздел для умного дома, чтобы быстрее проверить гипотезу на коридорном тестировании и понятнее передать разработчику нестандартную задачу по вёрстке. А ещё бахнул хэллоуинскую пасхалку 🎃

Смотреть → раздел умного дома
Смотреть → пасхалку

🦋 Катя Батурова · Claude + Antigravity

Собрала прототип допродажи услуг, чтобы проверить гипотезу. В результате гипотеза подтвердилась и задачу передали в разработку.

Смотреть → прототип

🐝 Артур Губарь · Codex

Собрал микроприколы внутри Домклик и подготовил их к проду: команде разработки остается только вставить готовый код. А ещё с помощью Codex сделал прототип для дизайн-батла — того самого, в котором мы стали победителями 🏆

Смотреть → микроприколы
Смотреть → прототип для батла

······························································

Но самое интересное — что мы вынесли из всего этого процесса и что можно забрать в свою работу:

🦁 Паша разобрался, как давать агенту больше контекста — чтобы он меньше додумывал за вас и лучше понимал, что вообще происходит в проекте:

→ GSD — помогает вытащить и структурировать контекст
github.com/open-gsd/gsd-core

→ Supabase — когда прототипу понадобился настоящий бэк
github.com/supabase/cli

→ Obsidian — чтобы сохранять контекст и историю изменений
github.com/obsidianmd

🦋 Катя собрала целую команду экспертов в виде скиллов:

→ Карманный ресёрчер, маркетолог, бизнес-аналитик, CJE-эксперт, UX-архитектор и профессиональный критик → забрать скиллы

🐝 Артур боролся с главным врагом вайбкодинга — слопом:

→ UI Skills — кидаем агенту npx-команду прямо в чат и получаем буст качества интерфейса
https://www.ui-skills.com/

→ Impeccable — ещё один слой борьбы со слопом. Тоже подключается через npx прямо в чате
https://impeccable.style/#downloads

→ No Dumb Mode — добавляет здравого смысла в рассуждения агента
https://github.com/hanumatori/nodumbmode

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

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

Смотреть → Карьерный сайт Домклик