Замри и гори
@haltandcatchfire·Дизайнер
AI-саммари
Продаёт UI-киты на Craftwork годами — и первым замечает рыночный сдвиг: ассеты теперь покупают не чтобы сэкономить время, а чтобы скормить AI качественную базу для генерации. Пока конкуренты обсуждают, убьёт ли AI Figma, он уже скипает её для лендосов и тянет несколько продуктов параллельно без макетов. Claude в Figma открывать не собирается — «сразу минус вайб»: быстро надиктовал нейронке и пошёл дальше. За 6 дней войсами и скриншотами собрал Billy — splitwise-клон на Next.js + Fastify + PostgreSQL с AI-парсингом чеков, без знания кода. Связка: Claude Code Opus для вайбкода и прототипов, Cursor для продакшн-проектов, ChatGPT для архитектуры до старта.
Lovart выкатили Skills. это упакованные инструкции для дизайна, кидаешь идею и получаешь готовый визуал. не просто "сгенерируй картинку" а прям с пониманием стиля и контекста
пока сыровато но направление правильное. дизайн ассеты скоро будут генериться на лету и мы на крафтворке к этому готовимся lovart.ai
гугл показал Project Genie и акции Unity упали на 20%. при том что штука генерит игры в 720p на 24 фпс. рынок в панике от демки которая работает как повер поинт
вы наверна уже вкурсе как народ задурел с клавдбота а ныне краббота и все ставят его себе на выделенный компик (макимини) и дрочат этот бот через тележку
эта канеш джарвис вкусный и тема интересная но подождите пару недель и появится что то от гигантов которые насыпят сверху безопасности без дрочки терминала
касательно вайбкода я сам уже две недели делаю circa.so с клад кодом опус 4.5 и скажу так, если ты этого не делаешь на своих проектах то получишь (рано или поздно) хуем полбу
цем
Клод пророс в Эксель
Клод это будущее офисной работы, примерно как быть «опытным пользователем ПК» в двухтысячных.
claude.com/claude-in-excel
смешно ваще канеш но это не правда. я уже как неделю вайбую на клод код опусе 4.5 и скажу так: эта имбовая пушка и настоящая революция. через неделю другую покажу свой первый вайб проект, если затяну канеш но все шансы что затяну, первые 50% проекта уже готовы, осталось доделать еще таких парочку
бекоз оф ллм обучена ну индусских дизайнах
KREA AI В реальном времени 🤢
chatgpt нарисуй картинку о том, как я относился к тебе всё это время. Только честно.
вайбкод муд
Вайбкодинг для самых маленьких. Первая идея.
Бывало такое, что в голову приходит идея своего проекта или просто бесит, что макеты пылятся в Figma и никому не нужны?
Как же хорошо, что мы живём во время, когда нейронка нужна не только чтобы спросить, почему болит кишка или как заработать миллион, если тебе осталось жить месяц, но и чтобы писать код.
Причём не в формате «вот тебе кусок кода, дальше сам»
а так, чтобы — вести тебя за руку — понимать структуру проекта — помнить контекст — и применять его по ходу работы
Короче, вайбкодинг.
1. Макет Первое — подготовь макет.
По возможности: • вынеси всё в токены • сгруппируй информацию • приведи дизайн в порядок, чтобы нейронке было проще понять, что вообще происходит
Слои переименовывать необязательно. ИИ от Figma, который сам переименовывает слои, — вполне нормальный вариант закрыть этот вопрос за 5 минут.
Покажи флоу: • используй прототипы • состояния • переходы • если есть, анимации (не супер обязательно, но если есть что-то критичное, лучше показать)
Представь, что ты нашёл человека с горы, который никогда не видел твой дизайн, и тебе нужно максимально точно донести, что именно ты хочешь получить на выходе.
2. Определись с инструментом Cursor, Lovable, v0, Claude Code, GPT — вариантов вагон, но важно понимать, что, для чего и зачем.
Cursor • идеален как код-компаньон • хорош для реальных проектов • правки, рефакторинг, логика, баги • когда тебе нужен ИИ внутри IDE
Claude Code • очень силён в понимании большого контекста • хорошо заходит для архитектуры, сложной логики и больших файлов • меньше суеты, больше вдумчивости
Lovable / v0 • история про «быстро собрать что-то» • лендинг, MVP, поиграться • для полноценных проектов я бы не использовал • имхо, это больше про fun, чем про прод
GPT Лично я использую его, чтобы: • написать нормальный промпт для код-компаньона • обсудить идею продукта • прикинуть технологический стек • подумать об архитектуре до начала работы
3. Архитектура и стек Где хранить пользователей? Как работать с данными? Как сделать авторизацию? Как не обосраться так, чтобы на релизе продукт не вынесли?
Всё не так сложно, как кажется.
Перед тем как писать хоть строчку кода: • используй GPT как партнёра по мышлению • опиши идею продукта • попроси предложить несколько сценариев архитектуры • сравни варианты по сложности, стоимости и масштабируемости
Это этап осмысления, и он экономит тонну времени и нервов дальше.
4. MCP и Figma Когда ты определился со всем выше, подключай MCP Figma и начинай переносить макеты в реальность.
Да, что-то обязательно отвалится. Это нормально. С этим придётся смириться.
Главное: • тыкать нейронку носом в её косяки • показывать, где не так • править итеративно
Через пару кругов ты придёшь к тому, что она реально делает то, что у тебя нарисовано.
Отдельно важно: • перенос дизайн-токенов • сборка дизайн-системы прямо из Figma • единые компоненты и стили
Это сильно упрощает жизнь дальше.
5. Как идти и что делать После того как сверстал первые экраны, не пытайся оживить всё одним промптом.
Не так: «вот страница, сделай, чтобы работало»
А так: • поэтапно • аккуратно • блочно
Если логика сложная: • давай больше вводных • проси сохранять решения в контексте • заводи TO-DO-листы • фиксируй договорённости
Медленно, но уверенно наполняй продукт логикой, смыслом и «живостью».
6. Контекст Обязательно следи за контекстом.
Хороший тон: • под каждую задачу — отдельный чат • но с сохранённым контекстом проекта
Постоянно заново объяснять, что за продукт и что ты вообще делаешь, это прямой путь к: • шизофрении • амнезии • выгоранию
Никому это не нужно.
Следуя этим шагам, ты оживишь свой давно пылившийся дизайн.
И, возможно не факт но возможно если это кому-то нужно, он принесёт тебе дофамин и какие-то деньги.
Как-то так. Пака 👋
@germannovikov