Инструкция: как собрать приложение с Claude Code — пошагово1. Установить Claude CodeОткрыть терминал и вставить команду.
macOS / Linux:
curl -fsSL
https://claude.ai/install.sh | bash
Windows (PowerShell):
irm
https://claude.ai/install.ps1 | iex
Затем запустить агента:
claude
Откроется браузер → войти в аккаунт Anthropic. Есть бесплатный тариф для пробы, дальше Pro (~$20/мес).
2. Завести три аккаунта (все бесплатно для старта, регистрация через GitHub):• GitHub - облачный репозиторий →
https://github.com• Supabase - база данных + вход по почте →
https://supabase.com• Vercel - хостинг, куда выкатывается сайт →
https://vercel.com3. Поставить IDE — слева видно файлы проекта, а снизу терминал. Проще всего VS Code (бесплатный) →
https://code.visualstudio.comОткрываешь в ней папку проекта и работаешь с агентом прямо там.
4. Три правила, которые экономят часы:• План до кода. Не давать агенту кодить сразу. Сначала попросить план, прочитать, утвердить — потом реализация. Режим планирования включается сочетанием Shift+Tab.
• Коммит после каждого шага. Коммит — это сохранение версии кода (как в игре): если следующий шаг что-то сломает, откатиться можно за секунду. Просто написать:
Закоммить текущие изменения
• Маленькие шаги. Не «сделай маркетплейс», а по кусочку: страница → база → проверка → деплой. Меньше шаг — меньше ошибок и больше контроля.
5. Промпты, которыми пользовалась я чтобы собрать приложение из этого постаХочу веб-приложение "Английский по карточкам".
Стек: Next.js + Supabase + Tailwind.
Фичи: [перечисли, что должно уметь].
Не пиши код — сначала составь подробную документацию:
архитектура, структура базы данных, фичи и план по шагам.
Сохрани в файл eng_project.md.
Потом — запуск реализации.
- - -
План утверждаю. Бери eng_project.md как источник правды
и начинай реализацию с первого шага.
Дальше — обычный диалог:
Задеплой приложение на Vercel
Всё! ✨