Первая задача агенту: как поставить и проверить результат

Из чего состоит хорошая задача

Агент сделает ровно то, что понял из вашего сообщения. Чем меньше ему приходится гадать, тем ближе результат к задуманному. Хорошая задача отвечает на четыре вопроса:

1. Что сделать — трекер привычек.
2. Где — в этой папке, в одном файле index.html.
3. Что считается результатом — три привычки, галочка на сегодня, отметки не пропадают после обновления страницы.
4. Чего не трогать — для первой задачи этого пункта нет, но позже он станет самым важным.

Запустите OpenCode в папке habits и отправьте задачу:

Сделай в этой папке трекер привычек: один файл index.html,
стили и скрипт внутри него.

- Три привычки по умолчанию: вода, зарядка, чтение.
- У каждой галочка «сделано сегодня».
- Отметки сохраняй в браузере, чтобы они не пропадали
  после обновления страницы.
- Простой светлый дизайн, крупный текст, удобно на телефоне.

Что делает агент

Агент начнёт работать, и в разговоре будут видны его шаги: посмотрел содержимое папки, создал файл index.html, иногда проверил код. В конце он напишет короткий отчёт:

Создан index.html: трекер с тремя привычками.
Отметки сохраняются в localStorage браузера.
Откройте файл в браузере, чтобы проверить.

Читайте отчёт внимательно: в нём перечислено, какие файлы изменены. Если агент тронул файл, о котором вы не просили, это повод спросить, зачем.

Когда агент правит уже существующий файл, OpenCode показывает изменения прямо в разговоре: удалённые строки и добавленные. Даже если вы не читаете код свободно, видно, большая это правка или маленькая и в каком месте.

Проверить результат

Откройте index.html в браузере: дважды щёлкните по файлу в папке. И пройдите сценарий:

1. Видны ли три привычки?
2. Ставится ли галочка?
3. Остаётся ли галочка после обновления страницы (F5)?

Проверка занимает минуту. Если что-то не так, опишите агенту, что делали, что ожидали и что получили:

Ставлю галочку у «Вода» и обновляю страницу — ожидаю,
что галочка останется, но она пропадает. Исправь только это.

Два полезных значка: @ и !

@ — сослаться на файл. Начните писать @ и имя файла, OpenCode предложит варианты из папки. Так вы прямо показываете агенту, о каком файле речь:

В @index.html сделай заголовок крупнее и добавь под ним
сегодняшнюю дату.

В маленьком проекте агент найдёт файл и сам, но в большом ссылка через @ экономит время и снижает риск, что он поправит не тот файл.

! — выполнить команду. Если сообщение начинается с !, OpenCode запустит команду терминала и покажет её вывод:

!ls

На Windows вместо ls подойдёт dir. Вывод команды остаётся в разговоре, и агент тоже его видит. Так удобно показать ему результат проверки или содержимое папки.

В @index.html добавь под списком привычек строку
«Сделано сегодня: N из M». Она должна обновляться сразу
при отметке галочки. Остальное не меняй.