Автор: Felix Lee
Агент пишет код для портфолио и приложений
Claude Code (агент для написания кода) превращает текстовые инструкции в работающие сайты и приложения. Дизайнер описывает задачу обычными словами, а программа сама создаёт файлы, настраивает стили и подключает базы данных. Автор создал три проекта за две недели, не зная программирования.
Результат: 3 проекта за 2 недели
- Для кого
- Разработчик
- Интеграции
- Notion
Что понадобится
- Инструменты
- Claude Code — ИИ-помощник, который работает в терминале и сам выполняет задачи на компьютере
- Нужно
- Аккаунт на GitHub
- Аккаунт на Vercel
- Терминал на компьютере
- Базовые знания работы с файлами
- Настройка
- 15 минут
- Сложность
- Нужен терминал
- Расходы
- ≈ 249–599 $ за курс (не обязательно для использования агента)
Как повторить
- Установите Claude Code через терминал и создайте папку для проекта.
- Попросите агента составить план: выбрать технологии, структуру файлов и шаги реализации.
- Дайте команду реализовать проект согласно плану, начиная с HTML-структуры.
- Управляйте внешним видом через текстовые запросы: меняйте отступы, шрифты и адаптивность.
- Сохраните код в GitHub, чтобы фиксировать изменения и иметь резервную копию.
- Разверните проект на Vercel, чтобы сайт стал доступен по ссылке в интернете.
- Подключите Supabase для хранения данных и Google для авторизации пользователей.
Промпт
Вставьте этот текст в чат с нейросетью.
Research how to build [X] and create a plan.md with tech stack, structure, and implementation steps.Подробности
Дизайнер Феликс Ли объясняет, как перестать зависеть от разработчиков и создавать свои продукты самостоятельно. Он использует Claude Code, чтобы превращать идеи в реальные приложения без написания кода вручную. Автор создал личный сайт с чат-ботом за 48 часов и инструмент для анализа дизайна за три дня. Сейчас у инструмента более 500 пользователей. Он также написал игру Тетрис, используя только схемы из FigJam. Процесс начинается с установки программы в терминале. Затем дизайнер создаёт папку проекта и просит агента составить план. Агент предлагает стек технологий и структуру файлов. После утверждения плана программа сама пишет код. Дизайнер просит изменить отступы, шрифты или добавить адаптивность. Агента просят исправить ошибки, если что-то работает не так. Готовый код сохраняется в GitHub для контроля версий. Затем сайт размещают на Vercel, чтобы он стал доступен в интернете. Для сложных задач подключают Supabase для хранения данных и Google для входа по аккаунту. Автор подчёркивает, что главное — понимать, что вы строите, а не знать синтаксис.
Источник
Оригинал: Claude Code guide for designers (adplist.substack.com, англ.)
Перевод и пересказ ahamoment
Добавлено 1 ноября 2026 г.