# Агент пишет код для портфолио и приложений

*Контент · Пошаговая настройка*  
Страница: https://ahamoment.ru/c/agent-pishet-kod-dlya-portfolio-i-prilozheniy-j288

## Что делает

Claude Code (агент для написания кода) превращает текстовые инструкции в работающие сайты и приложения. Дизайнер описывает задачу обычными словами, а программа сама создаёт файлы, настраивает стили и подключает базы данных. Автор создал три проекта за две недели, не зная программирования.

## Результат

3 проекта за 2 недели

## Для кого

- Разработчик

## Инструменты

- **Claude Code** — ИИ-помощник, который работает в терминале и сам выполняет задачи на компьютере

## Интеграции

- Notion

## Что понадобится

- Аккаунт на GitHub
- Аккаунт на Vercel
- Терминал на компьютере
- Базовые знания работы с файлами
- Время настройки: 15 минут
- Сложность: Нужен терминал
- Расходы: ≈ 249–599 $ за курс (не обязательно для использования агента)

## Как повторить

1. Установите Claude Code через терминал и создайте папку для проекта.
2. Попросите агента составить план: выбрать технологии, структуру файлов и шаги реализации.
3. Дайте команду реализовать проект согласно плану, начиная с HTML-структуры.
4. Управляйте внешним видом через текстовые запросы: меняйте отступы, шрифты и адаптивность.
5. Сохраните код в GitHub, чтобы фиксировать изменения и иметь резервную копию.
6. Разверните проект на Vercel, чтобы сайт стал доступен по ссылке в интернете.
7. Подключите 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 для входа по аккаунту. Автор подчёркивает, что главное — понимать, что вы строите, а не знать синтаксис.

## Источник

- Автор: Felix Lee
- Оригинал: [Claude Code guide for designers](https://adplist.substack.com/p/claude-code-guide-for-designers)
- Перевод и пересказ ahamoment
- Добавлено: 1 ноября 2026 г.
- Кейс на ahamoment.ru: https://ahamoment.ru/c/agent-pishet-kod-dlya-portfolio-i-prilozheniy-j288