Приложение без кода: собираем инструмент с Claude Code

Вы - заказчик, а не программист

Самое большое заблуждение новичка: чтобы получить приложение, нужно научиться программировать. Это давно не так. С инструментами вроде Claude Code вы становитесь не кодером, а заказчиком. Ваша работа - чётко объяснить, что вы хотите, и проверить, что получилось. Код пишет ИИ.

В этой статье мы пройдём весь путь на конкретном примере - соберём простой трекер привычек. Не игрушку из туториала, а рабочий инструмент, которым можно пользоваться каждый день. И сделаем это так, чтобы вы могли повторить процесс с любой своей идеей.

Шаг 1. Идея

Идея для первого приложения должна быть маленькой и понятной. Не "соцсеть" и не "маркетплейс", а одна функция, которую вы можете описать в трёх предложениях.

Хорошие кандидаты на первое приложение:

• Калькулятор - считает что-то под вашу нишу: маржу, стоимость заказа, расход материалов.
• Трекер - фиксирует привычки, расходы, тренировки.
• Мини-сервис - генератор счетов, конвертер форматов, список задач с напоминаниями.

Возьмём трекер привычек. Логика простая: вы добавляете привычки, отмечаете выполнение по дням, видите серию подряд (стрик) и процент выполнения за неделю.

Шаг 2. ТЗ словами

Здесь начинается ваша главная работа. Техническое задание - это не загадочный документ с терминами. Это понятное описание того, что должно происходить. Чем конкретнее вы опишете, тем меньше будет правок потом.

Сравните два варианта.

Слабо: "Сделай трекер привычек."

Сильно:

Собери веб-приложение "Трекер привычек". Требования:

1. Можно добавить привычку: название и иконка-эмодзи.
2. Список привычек на главном экране, у каждой - 7 кружков
   (последние 7 дней). Клик по кружку отмечает день
   выполненным/невыполненным.
3. Под каждой привычкой показывай: текущий стрик (сколько
   дней подряд) и процент выполнения за неделю.
4. Данные сохраняются в браузере, чтобы не пропадали при
   перезагрузке. Без регистрации и сервера.
5. Дизайн: спокойный, светлый, крупные кнопки, читается
   на телефоне.

Технологии выбери сам - что-то простое, что запускается
одним файлом или одной командой.

Заметьте: вы не сказали ни слова про язык программирования, базу данных или фреймворк. Вы описали поведение и впечатление. Выбор технологий - забота ИИ. Если не уверены, так и пишите: "технологии выбери сам, что попроще для новичка".

Шаг 3. ИИ пишет

Дальше вы отдаёте это задание Claude Code в терминале. И тут важно понять, что именно происходит. Claude Code - это не чат, который выдаёт вам кусок текста для копирования. Это агент, который работает прямо в папке проекта: он сам создаёт файлы, пишет в них код, запускает команды, устанавливает нужные библиотеки и проверяет, что всё собирается.

На практике это выглядит так. Вы вставляете ТЗ, нажимаете Enter и наблюдаете, как ИИ:

• создаёт структуру проекта (папки и файлы);
• пишет интерфейс - кнопки, кружки, список;
• добавляет логику - подсчёт стриков и процентов;
• настраивает сохранение данных в браузере;
• запускает приложение, чтобы убедиться, что оно открывается.

Время от времени агент будет спрашивать разрешение - например, запустить команду или установить пакет. Вам достаточно соглашаться. Если что-то идёт не так и появляется ошибка, ИИ обычно сам её замечает и исправляет, не дожидаясь ваших указаний.

Шаг 4. Запуск

Когда сборка готова, ИИ скажет, как открыть приложение - обычно это команда вроде npm run dev и адрес http://localhost:3000 в браузере. Вы открываете ссылку и видите своё приложение вживую.

Если вы не понимаете, какую команду вводить, просто спросите в том же окне: "Как мне теперь запустить и открыть это приложение? Объясни по шагам, я не программист". Claude Code даст пошаговую инструкцию под вашу систему.

Шаг 5. Проверка без знания кода

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

Пройдитесь по своему же ТЗ как по чек-листу:

• Добавляется ли новая привычка? Да/нет.
• Отмечается ли день по клику? Да/нет.
• Правильно ли считается стрик? Отметьте три дня подряд и проверьте, что показывает "3".
• Сохраняются ли данные? Перезагрузите страницу - всё на месте?
• Удобно ли на телефоне? Откройте на смартфоне или сузьте окно браузера.

Нашли расхождение - не пытайтесь чинить сами. Опишите проблему словами, как заметили:

Я отметил 3 дня подряд, но стрик показывает "1".
Похоже, считается неправильно. Исправь.

ИИ найдёт причину в коде и поправит. Ваша роль - быть внимательным тестировщиком и заказчиком, который точно знает, как должно быть.

Роль человека в этой схеме

Может показаться, что раз код пишет ИИ, то человек тут лишний. Наоборот. ИИ отлично исполняет, но не угадывает намерения. Качество результата на 90% зависит от того, насколько ясно вы поставили задачу и насколько внимательно проверили итог.

Ваши настоящие задачи:

• Сформулировать - превратить смутную идею в конкретные требования.
• Расставить приоритеты - что важно сейчас, а что потом.
• Проверить - сверить результат с замыслом, найти несоответствия.
• Направить - дать понятную обратную связь для доработки.

Это работа продакт-менеджера, а не инженера. И она вам по силам без всякого технического образования.

С чего начать прямо сегодня

Возьмите одну маленькую боль из своей повседневности - то, что вы сейчас считаете в уме или ведёте в заметках. Опишите словами, как должен работать инструмент, который это решит. Отдайте описание Claude Code. Через час у вас будет работающее приложение, собранное по вашему ТЗ.

Первое приложение - это не про код. Это про умение ясно объяснить, чего вы хотите. А этому навыку как раз и стоит учиться.