Ваш перший агент для коду: найпростіше робоче налаштування

Чому це важливо: агент для коду — це ШІ, який не просто відповідає, а діє: створює файли, пише код, перевіряє власну роботу й розповідає, що вийшло. Це режим «виконавця», про який застерігає другий урок: роботу віддати можна, а розуміння — ні. Тому тримаємося підходу оракула з того самого уроку: агент виконує, а рішення й розуміння лишаються за вами. Далі — найпростіше налаштування, яке справді щось робить: невелика веб-сторінка, в окремій теці, на вашому компʼютері.

Виберіть агента: три робочі варіанти

Один інструмент, одна команда, один вхід в акаунт — а який саме інструмент, вибираєте ви. Усі три роблять те саме: читають теку, пишуть файли, виконують команди і питають дозволу перед ризикованою дією. Різниця — у тому, скільки коштує початок:

Усі три працюють на Windows, macOS і Linux і перед ризикованою дією питають дозволу. Тому з таким агентом упорається і людина без технічної підготовки.

Налаштування крок за кроком

Цикл, який ви щойно запустили

Кожен агент для коду працює одним і тим самим циклом. Коли ви його знаєте, вся робота стає передбачуваною:

Перший промпт (копіюйте)

Зроби мені у цій теці невеличку особисту сторінку у файлі index.html.

Про мене: [імʼя, чим займаєтеся, один цікавий факт]
На сторінці потрібно: короткий вступ, 3 факти про мене і моя пошта [email].
Стиль: чистий і сучасний, темний фон, один акцентний колір на твій вибір.
Потім поясни мені у 3 реченнях, які файли ти створив і за що кожен відповідає.

Останній абзац — «поясни, що створив» — це знову підхід оракула. Роботу робить агент, розуміння лишається у вас.

Як виглядає перший сеанс

1$ claude --version
2x.y.z (Claude Code)
3 
4$ claude
5 
6> Зроби мені невеличку особисту сторінку у файлі index.html.
7 
8● Створюю index.html...
9● Пишу HTML + CSS... готово.
10 
11Готово. Створено:
12- index.html (ваша сторінка: шапка, 3 факти, контакти)
13 
14Відкрийте файл у браузері, щоб побачити результат.
15 
16> зроби акцентний колір червоним замість нинішнього
17● Оновлюю index.html... готово. Акцентний колір змінено на червоний.
18 
19> /exit
20До зустрічі.

Зверніть увагу на ритм: ви просите — агент робить — ви дивитеся результат — уточнюєте. Десяток таких кіл, і у вас готова сторінка й справжня навичка. Який із трьох інструментів ви не вибрали б, запис виглядатиме так само: змінюються лише назва програми і кольори.

Правила безпечної роботи

• Одна тека — один проєкт. Завжди запускайте агента всередині свіжої порожньої теки. Ніколи не запускайте його в «Документах» чи в корені диска. Тоді весь експеримент видаляється одним натисканням клавіші.
• Читайте, перш ніж схвалювати. Перед важливими діями агент питає дозволу. Цей діалог — не формальність, а ваше кермо.
• Результат не той? Просто скажіть про це. «Не вистачає блока з поштою, додай» — повноцінна інструкція. Ні перезапуску, ні перевстановлення.
• Заплуталися? Вийдіть і зайдіть знову. Команда /exit (або Ctrl+D) закриває агента; у деяких інструментах це /quit або подвійне Ctrl+C. Щоб зупинити його на півдорозі, натисніть Ctrl+C: це скасовує поточну дію, а не завершує роботу агента. У крайньому разі закрийте вікно термінала — нічого не втратиться.
• Уперлися в ліміт? Це умова тарифу, а не поломка. На безкоштовному тарифі рано чи пізно ви побачите «повертайтеся пізніше» або отримаєте меншу модель у години пік. Перейдіть на легшу модель або почекайте.
• Агент може помилятися щодо власної роботи. Сторінка може не відкритися, якогось блока може не бути. Це нормально і це можна виправити: опишіть точний симптом або надішліть агенту текст помилки.
• Хочете продовжити? Наступний логічний крок — безкоштовно опублікувати цю сторінку. Це окрема стаття: Як створити сайт і розмістити його безкоштовно.

Підсумок

Один встановлений інструмент, один вхід, одна тека, один промпт — і ви вже не людина, яка «не дружить з компʼютером». Усе, що ви робитимете далі, тримається на тому самому циклі: опишіть, схваліть, перевірте, уточніть.