What I Learned Using Free AI Coding Agents on a Real Portfolio (OpenCode and Kilo)

Описание и применение

Использование бесплатных AI‑агентов в VS Code ускорило работу над портфолио, но привело к ошибкам и задержкам. Автор разработал пошаговый процесс: диагностика без правок, небольшие изменения, ручной контроль, локальная сборка и проверка развертывания, что снизило ошибки.

Задача

Relying on free AI coding agents in VS Code caused issues such as incorrect fixes, stalled execution, accidental commits, and environment mismatches.

Результат

Adopting a disciplined, step‑by‑step workflow with AI agents reduced errors, prevented accidental commits, and ensured reliable builds and deployments.

Рабочий процесс

• Ask for a read‑only diagnosis
• Ask for one small change
• Run git status and git diff --stat
• Run the build locally
• Test the page on desktop and phone-sized window
• Commit with a clear message and push
• Check deployment status is Ready
• Verify live site in incognito tab

Доказательства

They saved me a lot of time, but they also got stuck, lied by accident, and once looked busy for a whole hour without doing anything.

Источник

What worked was splitting the job into two steps: First, read only. Do not change anything. Find where the mobile menu is rendered and tell me exactly why the panel is invisible, with the file and line number. Then fix it.

Источник

Short prompts with one job each worked much better.

Источник

Agents are happy to "help" by committing and pushing. I wanted to review every change first.

Источник

Typecheck passing does not mean the build passes

Источник