# Встреча 5 — The Founders Circle

## Слайд 1
**Добро пожаловать**
The Founders
Circle

Встреча 5

Два навыка за вечер.
MVP на Claude Code + история о нём.
Михаэль · Встреча 5 из 8 · Slide 1/22

## Слайд 2
**Два навыка сегодня**
Сегодня

Два навыка.

Уходите с двумя навыками, которые начинаете применять завтра утром — не «потом, когда будет время».

1

Построить MVP

Claude Code + Supabase + Vercel

→

Рабочий URL на своём домене

→

Backend с авторизацией и RLS

→

Два промпта, которые работают

~60 мин теории + 20 мин демо

2

Рассказать о нём

Пост в соцсети + видео 30 сек

→

Один шаблон поста (180 слов)

→

Один шаблон видео (30 сек)

→

Один промпт, который делает оба

~40 мин теории + 15 мин воркшоп
Михаэль · Встреча 5 из 8 · Slide 2/22

## Слайд 3
**Блок 1 — MVP за вечер**
1

Вайбкодинг

Claude Code · Supabase · Vercel — строишь продукт, не пишешь код
Михаэль · Встреча 5 из 8 · Slide 3/22

## Слайд 4
**Стек: 3 инструмента**
Стек

Три инструмента.

Не Bolt, не v0, не Cursor, не Lovable. Три этих закрывают всё до 1000 юзеров.

Claude Code

от $100/мес

Инженер у руля

Пишет код, читает файлы, запускает тесты, коммитит. Работает в терминале, видит весь проект. Рекомендую минимум $100/мес — хватает лимитов для ежедневного кодинга.

Supabase

Free → $25/мес

Backend за 10 минут

Postgres + Auth + Storage. Один SDK на всё. RLS-политики прямо в SQL. MCP для Claude Code.

Vercel

Free → $20/мес

Деплой за git push

Next.js, preview-URL на каждый PR, домен в 2 клика. Переменные окружения в дашборде.

На старте — $100/мес. Рабочий прод — $145/мес.

Дешевле одного часа фрилансера на Upwork.
Михаэль · Встреча 5 из 8 · Slide 4/22

## Слайд 5
**Первый запуск за 5 мин**
Установка

2 варианта. Нам нужен второй.

Десктоп — это чат. Claude Code — агент, который живёт в твоём проекте и работает с файлами.

Вариант 1

Десктоп-приложение

Для текста

Установка

Скачай .dmg / .exe → перетащи в Applications

Что умеет

Чат-интерфейс. Видит только то, что ты вставляешь вручную. Не трогает файлы, не запускает код.

Написать письмо, объяснить концепцию, поговорить с ИИ.

claude.ai/download ↗

Вариант 2

Claude Code в терминале

Для кодинга ← нам

Установка

npm install -g @anthropic-ai/claude-code

Что умеет

Агент в твоём проекте. Читает файлы, пишет код, запускает тесты, делает git commit — сам.

Строить продукт. Нам нужен именно он.

claude.ai/code ↗
Михаэль · Встреча 5 из 8 · Slide 5/22

## Слайд 6
**CLAUDE.md**
Память проекта

CLAUDE.md

Claude не помнит ничего между сессиями. CLAUDE.md — файл в корне проекта, который он читает с первой секунды. Без него — каждый раз объясняешь с нуля.

/init

Команда /init

Claude читает папку проекта и сам генерит базовый CLAUDE.md. Стартовая точка — не пустой файл.

Руки

Ты правишь вручную

Добавляешь стек, правила, структуру папок. Чем точнее — тем меньше вопросов от Claude.

Ошибки

После каждого косяка

Claude сделал что-то не так → добавляешь правило «никогда не делай X». CLAUDE.md растёт из живого опыта.

Включи Memory в настройках

claude.ai/settings → Memory → ON — Claude начнёт запоминать контекст между разговорами.

Глобальный файл

~/.claude/CLAUDE.md — правила для всех проектов сразу.
Например: "всегда пиши на TypeScript, никогда не трогай .env"
Михаэль · Встреча 5 из 8 · Slide 6/22

## Слайд 7
**Skills в Claude Code**
Скилы и плагины

10 плагинов. Ставим до старта.

Design

UI/UX советы, компоненты, доступность

Engineering

Архитектура, ревью кода, best practices

PDF viewer

Читать и анализировать PDF прямо в чате

Brand voice

Писать в твоём тоне, с твоими стоп-словами

Product management

Roadmap, приоритизация, PRD, юзер-сторис

Marketing

Копирайтинг, SEO, каналы, запуски

Sales

Письма, возражения, воронки, скрипты

Legal

Terms of service, privacy policy, договоры

Data

SQL-запросы, аналитика, метрики, графики

Mempalace

Долгосрочная память между сессиями

Как работают плагины

Плагин = специализированный эксперт. Включаешь один раз — он активен во всех разговорах с Claude. Дизайн-плагин знает компоненты и доступность. Brand voice — твой тон и стоп-слова.

Зачем до старта?

Без них — общий ответ. С ними — Claude переключается в нужный режим автоматически. Разработчик + дизайнер + маркетолог в одном.

Где включить

claude.ai/settings

→ Personal plugins → включи все 10
Михаэль · Встреча 5 из 8 · Slide 7/22

## Слайд 8
**5 правил промпта**
Стандарты проекта

5 правил в CLAUDE.md

Копируй в свой CLAUDE.md — Claude будет следовать им в каждой сессии без напоминаний.

1

Документация и тесты

Без архитектурного дока следующий Claude строит на песке. Без теста — не знаешь, что сломал.

MUST: перед кодом — создай
/docs/ARCHITECTURE.md и PRD.md.
После каждой функции — unit-тест:
happy path + 1 edge case.
MUST NOT: коммитить без теста.

2

Файл ≤ 500 строк

Claude теряет контекст в длинных файлах — начинает угадывать то, что выше видимой области.

MUST: если файл → 500 строк,
останови и разбей на модули
до продолжения.
MUST NOT: файлы >500 строк
в новом коде.

3

Claude Opus 4.6 — лучшие практики

С /think Opus решает на уровне senior. Без него — junior. Та же цена, другой результат.

Для сложных решений используй
extended thinking: напиши /think
перед задачей.
Один промпт = одна задача.
XML-структура для длинных промптов.

4

Production ready с первого коммита

«Потом доделаю» — никогда. Юзер видит пустой экран при ошибке и уходит навсегда.

MUST: error handling, loading state,
empty state для каждого экрана.
MUST NOT: console.log в продакшне,
TODO-комментарии, захардкоженные
секреты в коде.

5

Адаптивность на всех устройствах

60%+ трафика с телефона. Сломанный mobile = потерял больше половины аудитории в день запуска.

MUST: mobile-first. Проверяй на
375px / 768px / 1440px.
Поддержка Chrome, Safari, Firefox.
MUST NOT: фиксированные px-ширины,
overflow без проверки на mobile.
Михаэль · Встреча 5 из 8 · Slide 8/22

## Слайд 9
**Supabase + Vercel**
Backend + Deploy

Почему Supabase + Vercel для MVP

Полный стек от нуля до прода за $0 — без DevOps и backend-разработчика.

Supabase

PostgreSQL + Auth + Storage + Realtime API — всё в одном. Backend без backend-разработчика.

Плюсы

+

Старт бесплатно — до 500 МБ и 50K запросов/мес

+

Claude пишет SQL — понятный язык, не ORM

+

Auth из коробки — email, Google, GitHub за 10 мин

+

RLS — безопасность данных на уровне БД, не кода

+

MCP-коннектор — Claude работает с базой напрямую

Минусы

−

Vendor lock-in: миграция на другую БД — боль

−

Free лимиты кончаются при росте (~$25/мес потом)

−

Realtime сложнее при 10К+ одновременных соединений

→ Настраивается за час. Claude пишет миграции сам. Не нужен DBA.

Vercel

Хостинг для Next.js: автодеплой, CDN, edge functions, preview на каждый PR.

Плюсы

+

git push → живой URL за 90 секунд

+

Preview URL на каждый PR — показываешь инвесторам до мержа

+

CDN в 100+ странах — быстро для всех

+

Zero-config для Next.js — работает сразу

+

Аналитика и логи в дашборде

Минусы

−

Serverless limits: функция живёт 10 сек на free

−

Дорожает при трафике (Hobby $0 → Pro $20/мес)

−

Vendor lock-in на Next.js — другой фреймворк сложнее

→ Деплой без DevOps. Домен в 2 клика. Инфра сама масштабируется.

При 1000 юзеров — переходи. До 1000 — не думай об этом.

Supabase и Vercel созданы для старта. Когда вырастешь — мигрируешь на AWS/GCP с деньгами и командой. Сейчас — просто строй продукт.
Михаэль · Встреча 5 из 8 · Slide 9/22

## Слайд 10
**P1 MVP Scaffolder**
До первой строки кода

Алгоритм старта

Исправить план — 2 минуты. Исправить код — 2 часа. Не пропускай эти 5 шагов.

→1

Опиши проект максимально детально

Что строишь, для кого, стек, чего нельзя делать. Добавь юзер-флоу: «Пользователь нажимает → видит → получает». Для бага: «Должно быть X. Сейчас Y.» Чем точнее сценарий — тем точнее результат.

→2

Включи режим планирования

Claude составляет полный план — без единой строки кода. Видишь всю архитектуру до того, как потратил время.

Shift+Tab → Plan Mode
→3

План готов → перепроверь и второе мнение

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

→ Codex / Antigravity
→4

Читай файлы и корректируй

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

5

Устраивает → начинай

Только тогда выходи из Plan Mode и давай команду на реализацию. Исправить план — 2 минуты. Исправить код — 2 часа.

Выход из Plan Mode → код
Михаэль · Встреча 5 из 8 · Slide 10/22

## Слайд 11
**P2 Debug Partner**
Когда застрял

Спрашивай Клода. Он знает всё.

Claude объяснит так, что разберётся даже тот, кто никогда не писал код. Главное — спрашивать правильно.

1

Опиши проблему словами

Не нужно знать код. Напиши что ты делал, что ожидал, что получил. Claude поймёт.

Я делаю X. Ожидаю Y. Получаю Z. Что не так?

2

Вставь скриншот ошибки

Claude читает картинки. Скопируй экран с ошибкой прямо в чат — он увидит всё.

[вставь скриншот] + «что здесь происходит?»

3

Попроси пошаговый план с ссылками

Claude даёт инструкцию уровня «нажми сюда, вставь это». Со ссылками на документацию.

Дай пошаговый план что сделать. Со ссылками. Я не разработчик.

4

1 задача = 1 новое окно

Длинный чат путает Claude — он теряет контекст. Новая задача → новый чат → чистый фокус.

Cmd+N → новый чат для каждой новой задачи
Михаэль · Встреча 5 из 8 · Slide 11/22

## Слайд 12
**Демо — таймлайн**
MCP

Claude работает в твоих инструментах

MCP — коннектор между Claude и сторонними сервисами. Пишешь задачу в чат — получаешь настроенную систему.

Как подключить

1.

Settings → MCP → Add Server

2.

Вставь конфиг нужного сервиса

3.

Restart Claude → он видит инструменты

4.

Пиши задачу — Claude делает сам

Найти MCP-серверы

claude.ai/settings → Integrations ↗

Примеры — пишешь задачу, Claude делает

Sentry

«Подключи Sentry к проекту, настрой алерты на ошибки в проде»

→ Claude подключает SDK, создаёт проект, настраивает алерты

Mixpanel

«Добавь трекинг: регистрация, первый вход, оплата»

→ Claude вставляет события, настраивает воронку, пишет дашборд

Stripe

«Подключи оплату: подписка $49/мес с trial 7 дней»

→ Claude создаёт продукт в Stripe, пишет webhook-хендлеры, тестирует
Михаэль · Встреча 5 из 8 · Slide 12/22

## Слайд 13
**Сторителлинг**
2

Сторителлинг

Посты · Видео · История, которую пересказывают
Михаэль · Встреча 5 из 8 · Slide 13/22

## Слайд 14
**Найди историю в продукте**
Сторителлинг — шаг 1

Найди историю в своём продукте

Не «что делает продукт» — а «что я однажды почувствовал сам». Это и есть история, которую запоминают.

01

Что тебя бесило до того, как ты придумал продукт?

→ Конкретная ситуация, не абстрактная проблема

02

Кто первый человек, которому это помогло? Как его зовут?

→ Имя + что именно изменилось в его жизни

03

Какой момент ты точно помнишь — дата, место, что произошло?

→ Вторник, 2 ночи, 47 непрочитанных. Деталь = история.

Шаблон первой фразы

«Я строю [продукт] потому что однажды [конкретный момент] — и понял [инсайт, который изменил всё]»
Михаэль · Встреча 5 из 8 · Slide 14/22

## Слайд 15
**Клиент — герой, ты — проводник**
Сторителлинг — шаг 2

Клиент — герой. Ты — проводник.

Самая частая ошибка: фаундер делает героем себя или продукт. Читателю всё равно. Он ищет себя в истории — и покупает, когда находит.

✗ Фокус на продукте

Mikey AI — это AI-клон фаундера, который автоматически отвечает на входящие сообщения в LinkedIn.

Читатель думает: «Ну и что? Зачем мне это?»

✓ Фокус на клиенте

Ты получаешь 50 DM в день и не успеваешь отвечать. Теряешь партнёров, инвесторов, клиентов. Mikey AI отвечает за тебя — в твоём голосе, пока ты занимаешься продуктом.

Читатель думает: «Это про меня. Хочу узнать больше.»

«Я помог [конкретный человек] достичь [конкретный результат]» — работает лучше, чем «Мой продукт делает [фича]»
Михаэль · Встреча 5 из 8 · Slide 15/22

## Слайд 16
**Конфликт = боль клиента**
Сторителлинг — шаг 3

Конфликт = боль клиента

Без конфликта — нет истории. Опиши боль так точно, что читатель думает «это про меня» — и он уже доверяет.

Внешняя боль

Что происходит снаружи. Факт, который можно наблюдать.

«Ты тратишь 3 часа в день на ответы в DM — и всё равно не успеваешь»

→ Человек узнаёт ситуацию

Внутренняя боль

Что человек чувствует внутри. Эмоция, которую он не проговаривает вслух.

«Ты чувствуешь, что тонешь. Важные вещи откладываются. Ощущение, что не справляешься.»

→ Человек чувствует, что ты его понимаешь

Философская боль

Почему так не должно быть. Несправедливость, которую ощущает читатель.

«Фаундер не должен быть заложником инбокса. Ты строишь продукт — не отвечаешь на сообщения.»

→ Человек соглашается и доверяет тебе
Михаэль · Встреча 5 из 8 · Slide 16/22

## Слайд 17
**Трансформация: до/после**
Сторителлинг — шаг 4

Трансформация: до и после

Не фичи продукта — жизнь человека до и после. Читатель покупает трансформацию, а не характеристики.

До

—

3 часа в день на ответы в DM

—

Пропускаешь важные встречи и звонки

—

Чувство что тонешь — инбокс никогда не пустой

—

Отвечаешь одно и то же 50 раз в день

После

—

DM отвечают сами — в твоём голосе, пока ты спишь

—

Утро начинается с продукта, не с инбокса

—

Партнёры и клиенты получают ответ за минуты

—

Ты строишь компанию, а не обслуживаешь чат

Правило: ни одной фичи в описании трансформации. Только жизнь человека.
Михаэль · Встреча 5 из 8 · Slide 17/22

## Слайд 18
**Деталь = доверие**
Сторителлинг — шаг 5

Деталь = доверие

Без деталей — реклама. С деталями — история. Одна конкретная деталь создаёт больше доверия, чем абзац объяснений.

✗ Без детали

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

Общая фраза. Не верим. Не запоминаем.

✓ С деталью

Во вторник в 2 ночи у Антона было 47 непрочитанных DM. Инвестор ждал ответа три дня. Антон узнал об этом только в пятницу.

Видим сцену. Верим. Хотим узнать что дальше.

Формула детали = время + цифра + имя + место

Время

Во вторник в 2 ночи

Цифра

47 непрочитанных

Имя

Антон, Лена из Notion

Место

в инбоксе, на встрече, в кафе
Михаэль · Встреча 5 из 8 · Slide 18/22

## Слайд 19
**Хук + структура + удержание**
Сторителлинг — шаг 6

Хук + структура + удержание

История есть. Вот как упаковать её в пост (FB / LinkedIn / X) и видео (30–45 сек).

5 типов хука — первые 2 строки решают всё

Парадокс

«Построил продукт за 6 месяцев. Никто не купил. Это лучшее, что со мной случилось.»

Цифра + неожиданность

«47 DM. Все без ответа. Инвестор среди них.»

Контр-интуитивно

«Я перестал отвечать клиентам — и продажи выросли.»

Открытый вопрос

«Ты знаешь, сколько денег ты теряешь на каждом непрочитанном сообщении?»

Конкретная сцена

«Вторник. 2 ночи. 47 непрочитанных. Я закрыл ноутбук.»

Структура поста и видео

Хук

1–2 строки

Зацепи. Заставь прочитать второй абзац.

Сцена

3–4 строки

Покажи боль через конкретный момент с деталями.

Инсайт

3–4 строки

Что ты понял? Как это изменило тебя или продукт?

CTA

1 строка

Один вопрос или одно действие. Не три.

Удержание до конца

Открой петлю в хуке («вот что я понял после этого...») — закрой в конце. Читатель дочитывает, чтобы получить ответ.
Михаэль · Встреча 5 из 8 · Slide 19/22

## Слайд 20
**ДЗ: 3 ссылки**
Задание на неделю

3 задачи. На Неделю 6 приносишь 3 ссылки.

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

1

Core-сценарий работает на своём домене

✓ Сделано = URL открывается. Core-flow проходится за 60 сек. Домен свой, не *.vercel.app.

→

Проект в Claude Code по P1

→

Таблицы в Supabase — все с RLS

→

Деплой на Vercel, домен через Cloudflare

2

Пост о продукте опубликован

✓ Сделано = Ссылка на публикацию в LinkedIn или X. По шаблону 180 слов / 4 абзаца.

→

Через промпт S1, но 1-я строка — своими словами

→

0 стоп-слов из списка

→

Первое слово НЕ «Я»/«Мы»/«Excited»

3

Видео 30 сек снято и выложено

✓ Сделано = Ссылка на видео. Лицо в кадре. Один дубль. Текст-overlay есть.

→

Хук — тот же, что в посте (один мессидж, два медиа)

→

Один CTA в конце, не три

→

Выложено там же, где пост
Михаэль · Встреча 5 из 8 · Slide 20/22

## Слайд 21
**Неделя 6**
Следующая встреча

Неделя 6: Первые 60 секунд

70% юзеров уходят в первую минуту. На Неделе 6 разберём:

→ Anatomy идеального onboarding (разбор Notion, Linear, Duolingo)

→ Aha-moment: кратчайший путь от клика до ценности

→ Живые тесты «60 секунд» на ваших продуктах

Приходите с прод-ссылкой. Иначе тестировать нечего — и встреча превратится в теорию.
Михаэль · Встреча 5 из 8 · Slide 21/22

## Слайд 22
**Закрытие**
Стена проходится.

Не обходом. Не ожиданием «пока будет готово».
Одним core-сценарием, работающим на прод-домене,
и одним постом, в котором звучит ваш голос.

На Неделе 6 — живые 60-секундные тесты

Приноси URL, а не отговорки

Построение Mikey продолжается.
Построение вашего — тоже.
Михаэль · Встреча 5 из 8 · Slide 22/22