v0

Утекли промты Vercel для v0.dev.

Формат промта похож на системный, а v0 использует gpt-4o, а для размышления DeepSeek.

Сам промт на гитхабе

Разбираем новую эко-систему ИИ-агентов AgentKit от OpenAI :

В основе три инструмента: Agents Builder + Виджеты + ChatKit

В Agent Builder собираем автоматизации из узлов (как в n8n). В узлах (нодах) можно: ▹ Задавать системные промпты для моделей (модели от openAI) ▹ Подключать внешние инструменты (MCP) ▹ Использовать логические узлы (if/else) ▹ Использовать ▹ Определять формат вывода данных: текст в чат-боте / схема данных / виджеты

Виджеты — это мини‑приложения, отображаемые прямо в диалоге чата или на любом сайте ▹ Виджеты можно уже вайбкодить создавать описывая желаемое на сайте платформы ▹ На вход принимают данные от Агентов созданных в Agent Builder ▹ Работает по аналогии с v0 и Shadcn, но этот раз от OpenAI и фреймворк называется ChatKit

ChatKit — библиотека кастомизируемых интерфейсов ▹ Позволяет встраивать чат с агентом в твой продукт ▹ Под капотом компоненты на базе React + Typescript , доступна на гитхабе ▹ Встраиваемый чат‑UI в ваш продукт (треды, шаги агента, загрузки)

Для всех созданных агентов доступна аналитика: подробные логи, метрики, эвалы.

Итого: ты создаёшь агентный процесс в Agent Builder, создаешь ему UI помощью ChatKit, а результатом могут быть Виджеты в диалоге внутри ChatGPT или чат-интерфейс в твоем продукте.

🤔 OpenAI предоставили инфраструктуру полного цикла для агентного UX. Высока вероятность, что в ближайший год это радикально изменит привычный UX (меньше переходов по сайту, больше покупок прямо в чате и действий в чате) и станет дефолтом для продуктовых команд.

Agent Builder 👉 platform.openai.com/agent-builder Widgets 👉 widgets.chatkit.studio ChatKit 👉 chatkit.studio Документация 👉 platform.openai.com/docs/guides/agents

Промпт → Автоматизация

🧙‍♂️ Собрал ИИ саммаризатор ТГ чата за пару минут в новом продукте от Vercel (v0)

Vercel выкатил бесплатный Workflow Builder — собираешь автоматизации визуально, а на выходе получаешь проект на Next.js который отлично вайбкодится и легко деплоится.

👉 workflow-builder.dev

🔥 GPT-5.2 vs Opus, новый Cursor, новый V0

Стрим про релизы недели

Промпты? Вопросы? 👇

⚡️GEMINI 3.0: СТРИМ

Тестируем лучшую модель для фронтенда (внутри Antigravity, а также внутри Canvas в Gemini и V0).

🤯 ГЛАВНОЕ: Google Antigravity IDE

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

В перспективе замена Курсору, пока сыроват и есть проблемы с доступом.

👇 Смотреть запись и забирать артефакты:

📺 Стрим: YouTube

Артефакты: • Minecraft • Warcraft 1 RTS • Prince of Persia • Трекер (React) • TRT.OS

Запись на хакатон: @hashslash_bot

ЖЖЕМ ТОКЕНЫ: Стрим по V0

🔥 Бесплатные функции V0 — что можно делать без оплаты и насколько этого хватит для старта

🔥 Платные возможности — обзор Premium-функций, стоит ли платить

🔥 Design System — как настроить свою дизайн-систему и кастомные Tailwind конфигурации

🔥 Импорт из Figma — живой тест импорта дизайнов и насколько это удобно в реальной работе

🔥 Полное тестирование workflow — от промпта до готового компонента, все этапы вайбкодинга на V0

👉 Запись стрима

Кайфую от последних обновлений v0: - Делает отличный дизайн по умолчанию (лучше replit, lovable и bolt) - Поддержка дизайн-систем - В интерфейсе, похожем на webflow, можно руками править тексты и параметры элементов, и это не расходует кредиты - Есть двухсторонняя синхронизация с Гитхабом на бесплатном тарифе - Бесплатных кредитов хватает на ~30 итераций

👉 v0.app

все эти три продукта созданы/на-вайбкодины с AI

Epilogue — помощник для бумажных книг: цитаты, заметки, мысли. Kris Puckett с Claude Code и Perplexity

ryOS — агентная ОС в стиле винтажного OS X Aqua от Head of Design Cursor Ryo Lu с Cursor

Time Zone Globe — мировые часы Adam Moučka с v0

это реально впечатляет, но это будущее про которое я говорю с начала года.

дизайнер должен адаптироваться и превратиться в Founder Designer-а.

Y Combinator и сообщество стартапов всё активнее подчёркивают ценность дизайнеров-основателей, потому что дизайн становится ключевым дифференциатором продукта и помогает создавать более ориентированные на пользователя решения.

—

поэтому я запускаю совершенно новый и супер актуальный формат индивидуального и группового менторства: Designer to Design Founder

пишите мне в лс: @artmilitonian или заполняйте форму на сайте: https://artmilitonian.com/mentorship/

Вайбкодинг для самых маленьких. Первая идея.

Бывало такое, что в голову приходит идея своего проекта или просто бесит, что макеты пылятся в 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