Как гуманитарию запилить проект за час, ничего не понимая в разработке?Последний мой пост стал рекордным по шарам за всю историю канала — почти
15% от просмотров.
Если честно, такого не ожидал, так как просто сделал список прикольных AI-агентов, которые помогают в работе.
Ну, раз вам такое интересно, сделаю краткий гайд по связке
ChatGPT +
v0 +
Cursor.
Дано:1.
ChatGPT от OpenAI. Но на самом деле лучше юзать
Grok3 Илона Маска, но я пока до конца его не раскурил. Ну или китайский
DeepSeek.
2.
v0 от Vercel. Пока выглядит как топ, хотя есть и аналоги.
Отвечает в первую очередь за адаптивную вёрстку и UI. Стек наиболее оптимальный, хотя лично я ничего из этого не знаю. Но синтаксис примерно понимаю, что там))
3.
Cursor AI. Это главный сервис, который отвечает за логику, разные дополнения и изменения, а также даёт инструкцию по деплою или же деплоит сам, если полчаса поплясать с бубном.
Многие идут сразу в
Cursor, но я рекомендую сначала базу делать в
v0, чтобы потом не мучиться с косяками по вёрстке.
Как новичку освоить Cursor AI: пошаговый гайд
1. Планирование — сначала думай.Нужно понимать, что по короткому промту ничего работать не будет.
Мы должны в этой работе заменить не только разработчика с лососем, но ещё и продакт-менеджера))
Первый шаг — спланировать то, что вы хотите создать. Я понимаю это как манифест конечного продукта. Он должен отвечать на следующие вопросы:
- Какую проблему решает?
- Почему именно вы?
- Для кого продукт?
- Где будете брать клиентов?
И так далее. Это уже начинаем грузить в
ChatGPT или
Grok3, чтобы создать полноценную спецификацию. Тут рекомендую посидеть и потыкать побольше, чтобы она была максимально подробной и совпадала с вашим видением.
2. Визуализация перед CursorЕсли не хотите тратить кучу времени на правки фронта, начните с
V0. Это инструмент, который позволяет создавать макеты интерфейсов с помощью AI.
Сюда мы загружаем спецификацию, которую уже запилили, выбираем референс по дизайну и дергаем максимальное количество скриншотов.
Ссылки на сайты он читает не очень хорошо, а вот со скринов дергает всё, что надо, включая правильные шрифты.Далее ищем косяки, запросами их правим и
обязательно жмём кнопку Deploy, потому что в режиме превью
v0 может показывать, что всё хорошо, а на деплое вёрстка может поехать, особенно если вы создаёте уникальный дизайн.
3. Настроить Cursor под себя: файлы правилЧтобы
Cursor AI работал лучше, можно добавить манифест продукта в корневую папку проекта.
Как это сделать:1. Заходите на сайт
cursor.directory2. Ищете технологию, с которой работаете (например, Next.js, Python и т. д.).
3. Копируете ваш манифест — он же ключевой промпт.
4. В
Cursor создаёте новый файл
cursor_rules и вставляете туда этот текст.
После этого AI будет сразу понимать контекст вашего проекта и делать всё в соответствии с вашим видением.
4. Тегирование документацииCursor позволяет загружать документацию прямо в проект. Это важно, потому что AI иногда опирается на устаревшие данные.
Как это настроить:1. Открываем
Composer в
Cursor.
2. Жмём
*Add Docs*.3. Добавляем ссылки на официальную документацию нужных инструментов (например, Next.js, Supabase и т. д.).
Теперь
Cursor будет подгружать
актуальные данные и давать точные ответы.
5. Если Cursor много косячитТак бывает. А мы гуманитарии и не понимаем, что он вообще там делает.
Поэтому идём назад в
ChatGPT / Grok3 и скидываем им косячный код с просьбой найти решение и дать нужные команды.
Как вариант, пробуем
Claude — это такой чат-бот, который заточен именно на разработку и поиск багов.
На самом деле, иногда помогает лучше других.Мы вчера вечером с Алмасом сняли видос на YouTube, где без предварительной подготовки за час сделали мелкий проектик — от идеи до деплоя. Сегодня пульнём его на YouTube.
Ну и если тема вам зайдёт, мы хотим в пятницу сесть на
4-5-часовой стрим и прямо в реалтайме запилить клон какой-нибудь аппки, на разработку которой потратили миллионы баксов, например,
Flo.