За 2 дня написал браузерное расширение и запустил стартап

Отнюдь не кликбейт, не подумайте. Я действительно "накодил" рабочее браузерное расширение за 2 дня. Другой момент, что идея подобного расширения жила в моей голове больше 2 лет...

Промо Браузерного Расширения
Промо Браузерного Расширения

Данная статья, конечно, приглашает Вас ознакомиться с моим EdTech-проектом (образование + IT), который я долгое время мечтал начать реализовывать. Но в первую очередь данная статья про силу LLM-моделей, которые дают возможность каждому маленькому и неумному (как я) человечку реализовать себя и свои идеи. Я расскажу, как полностью с нуля разрабатывал и оформлял свою идею полностью с помощью ИИ.

Предыстория 🎥

Месяц назад познакомился с программистом в Тайланде, который работает удаленно системным администратором – я думал, ну парень хорош, действительно, несколько языков программирования знает. Пару недель назад мы повторно встретились с ним, и он мне рассказал, как на самом деле он работает...

Нет, я знал прекрасно о возможностях ИИ-моделей сегодня, так сам писал курсовую работу в университете с помощью папок ChatGPT, но чтобы так! Недавно он выполнил проект на заказ на разработку CRM-модели. Минуточку, он написал CRM с нуля почти полностью с LLM Claude. Меня это очень сильно удивило, я вспомнил о давно забытой идее разработать браузерное расширение и все-таки решился попробовать.

Столько нереализованных идей в собственной базе знаний
Столько нереализованных идей в собственной базе знаний

Вечером я пришел домой, поднял все свои заметки по браузерному расширению и начал "вайб-кодить" в Claude Anthropic. Уже к концу вечера у меня была черновая версия браузерного расширения.

А как в России-то? 🤔

У вас возникнет закономерный вопрос: "В России заблокированы крутые нейросети... Что делать?".

В Тайланде, действительно, есть полный доступ к Google AI Studio и Claude – не нужно заморачиваться с VPN и Прокси и бояться, что Gemini заблокирует. Выход есть, и на него я наткнулся, когда изучал игровые форумы в поисках дополнительного заработка.

В студию: FunPay и PlayerOK. Это один из многочисленных способов, но мне он нравится по нескольким причинам:

  1. Он дешевый
  2. Несмотря на то, что дешевый, еще и надежный

К примеру, на этапе, когда вы будете писать идею для своего стартап-проекта и вам понадобится сложный ИИ-анализ или контент-анализ, вы можете купить генерацию запроса через Claude за 2 рубля на сайте! Это ладно, здесь можно обойтись и китайской Deepseek, не такая серьезная задача.

Задача X: вам нужно сгенерировать ну очень качественный логотип для вашего стартапа. Генерация изображения на FunPay в Google Nano Banana Pro, Grok (Илона Маска) стоит 2 рубля. Подготавливаете качественный промпт, к примеру, в DeepSeek и покупаете генерацию на игровых площадках. Да, есть бесплатный способ: VPN + ChatGPT, который тоже неплохо справляется с данной задачей. Но Gemini по всем фронтам круче)

Услуга генерации изображения на FunPay
Услуга генерации изображения на FunPay

Регистрация в Claude Anthropic

Много инструкций на просторе Интернета, здесь не буду долго останавливаться. Прикреплю для примера такую статью.

Для разработки полноценного приложения/сайта в Claude нужно много запросов и много генераций. На PlayerOK официально от магазина (с гарантией) продается 1 месяц Claude PRO – заплатил 1699 руб. и ты программист 😆 Да, есть другие способы (типо Oplatym), но они более заморочные, а стоят примерно также или чуть больше.

Стоимость Claude PRO на PlayerOK
Стоимость Claude PRO на PlayerOK

Регистрация в Google Gemini

Серьезная задача, тут не получится только с помощью VPN обойти блокировку – нужен новый аккаунт гугл без каких-либо данных о РФ (номера телефонов, карты, геолокации и тд). Подробная инструкция здесь.

Да, есть российские агрегаторы (Study AI, к примеру), но у них ограниченный доступ. На суперклассных агрегаторах очень мало генераций, ну и водяной знак, как же без него. Кодить с Google AI Studio – это суперская идея. Он с нуля может написать, к примеру, красивый задизайненный сайт – останется немного вручную поправить содержание в Visual Studio. Однако из России это, действительно, делать сложновато - с Claude куда проще.

Интерфейс StudyAI
Интерфейс StudyAI
РЕАЛЬНО случайно создал сайт-визитку для своего проекта в Google AI Studio 
РЕАЛЬНО случайно создал сайт-визитку для своего проекта в Google AI Studio 

Полная инструкция (не для гиков) по созданию и запуску стартапа ЗА 2 ДНЯ ✅

Визитка моего проекта
Визитка моего проекта

На примере своего краудфандинг проекта покажу, как за считанные дни с помощью LLM-моделей реализовать свою идею 👇

1 этап: идея

Интерфейс программы Obsidian
Интерфейс программы Obsidian

Этот этап я пропустил, так как в сфере образования у меня был опыт реализации образовательных программ, проведения мероприятий и исследований различных концепций, теорий и педагогик. Классный совет: использовать программы заметочники. Я работаю в Obsidian. Заметки по текущему проекту я поднял как раз из моей старой базы, они лежали там больше года и ждали своего часа.

2 этап: кодинг, создание прототипа

Почему прототипа? Вряд ли вы будете читать данную статью, если умеете кодить на нескольких языках (FS)

Я подошел слишком поверхностно к данному вопросу, на самом деле. Нет, конечно, я кормил контекст Claude касательно того, что собираюсь делать. Однако до конца я не разработал структуру, мокап и не проработал принципы работы – можно сказать, что я сделал это на коленки. Плохая задумка – думаю, проект может позже посыпаться, забагаться и придется вручную заново выстраивать новый фундамент проекта.

Такую фигню надо использовать, да
Такую фигню надо использовать, да

Мой некомпетентный, но рабочий способ задать хороший промпт для ИИ, а не "создай мне сайт для продажи печенья":

  1. Сообщаю свой контекст: что хочу, какие есть ресурсы, что умею, что не умею и тд;
  2. Отправляю ему (либо текстом, либо файлом) концепцию проекта. Можно документики, книги отправлять, чтобы он в контексте учитывал какого-то автора при доработки концепции. Тут ключевой момент: не просто скармливаешь контекст, но и просишь его задать уточняющие вопросы, если что-то было непонятно. Также на этом этапе необходимо добавить информацию о том, на какой платформе будете собирать деньги (если это краудфандинг, к примеру)
  3. LLM-модель задает вопросы – отвечаешь максимально подробно + сверху накидываешь дополнительно контекст для генерации. Процесс пошел.
Работа с контекстом в Claude
Работа с контекстом в Claude

Потом я начал поэтапно создавать свой проект: агент дает частичку кода - тестишь - идешь к следующей частичке кода и так по кругу. Если вылезает ошибка, подробно описываешь агенту, в чем дело. Например, так 👇

Пример, как работать с ошибками
Пример, как работать с ошибками
у меня следующая ошибка: Error in event handler: TypeError: Cannot read properties of undefined (reading 'open') at chrome-extension://nkofomdnldokofgkhalidijggalbjmle/background.js:76:20

Вопросы дизайна и оформления. У меня с этим нет проблем: есть знания HTML+CSS и опыт работы в программах для дизайна (Adobe Illustrator). Ниже смотрите пример того, как можно указать ИИ, какая айдентика у твоего проекта, и быстренько поменять цвета-шрифты в коде 👇

Айдентика автоматизировано
Айдентика автоматизировано
Перед тем, как перейти к следующему этапу, помоги мне с настройкой блока :root. Я прикрепил тебе изображение примерной айдентики, которая мне нужна.

p.s. я делал все по-китайски: скачивал новый zip-архив от Claude и менял файлы вручную в папке своего расширения. Я знал, что можно автоматизировать: встроить в Visual Studio Code, к примеру. В перспективе планирую так и сделать (и купить подписку Claude 😅)

3 этап: на блюдечке с каемочкой (дизайн и айдентика проекта)

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

  • Логотипы, баннеры и прочие штуковины: ChatGPT, Nano Banana Studio
  • Самостоятельный дизайн (придется разобраться немного): Adobe Illustrator, Adobe Photoshop, Figma, Canva. Сливы версий программ Adobe есть на том же FunPay за 2 рубля
  • Создание промо-видео для проекта: Arena AI (для генерации видео или анимации баннеров), CapCut (основной монтаж)
  • Запись экрана, если нужно продемонстрировать работу своего разработанного приложения или сайта: OBS Studio (бесплатно)
  • Обработка звука для видео: Audacity (очень простая и бесплатная программа)
Анимированный с помощью Arena AI баннер - обрезать водный знак можно в CapCut

4 этап: публикация проекта для сбора средств

Я изначально знал, что проект буду размещать на российской краудфандинг-платформе Planeta RU – мне интересно делать проект в первую очередь для СНГ-сообщества. Но помимо Planeta RU, есть еще большое количество платформ.

Начнем с российских:

  • Planeta.ru (уже упоминал)
  • Boomstarter.ru - второй по размеру русский краудфандинг, аудитория меньше чем у Planeta, но есть. Можно запустить параллельно.

❗ Внимательно нужно читать правила платформ. К примеру, на Planeta запрещена публикация параллельно на нескольких платформах – не получите деньга.

Другие платформы для финансирования
Другие платформы для финансирования

Зарубежные платформы:

  • Indiegogo - лучший вариант из западных. Если страна СНГ не в списке, можно зарегистрировать юрлицо через Stripe Atlas (бабосиков нужно будет отсыпать). Можно получить деньги даже если цель не достигнута.
  • Kickstarter - самая авторитетная платформа, но не поддерживает Россию. Обходной путь тот же Stripe Atlas.
  • Product Hunt - не краудфандинг, но очень важная площадка для EdTech/tech проектов. Бесплатный запуск, огромная аудитория разработчиков и инвесторов.
  • Patreon - подходит для долгосрочной поддержки. Не разовый сбор, а ежемесячная подписка от сторонников. Хорошо работает, если есть активная аудитория на YouTube.

Вместо заключения 🤯

Для опытных системных, бизнес-аналитиков, разработчиков мой способ может показаться колхозным, некачественным. Да, это так. Но что лучше, пойти учиться на Продуктового менеджера и запустить свой проект через 9-12 месяцев или запустить сейчас и в процессе дорабатывать его уже с новыми знаниями? Вопрос риторический - ошибки так и так будут.

— — —

Ждите следующую статью (через месяц, когда vc разрешит 😅), где подробно расскажу про концепцию и идею своего расширения. Подпишись на VC, чтобы не пропустить.

Если остались вопросы по этапам разработки или использованию сервисов, задавайте в комментариях 👇

11