Annie Garvey Girl Coding
0
0
Back to portfolio

Personal Project

Energy Planner

Explored the art of the possible with AI coding agents, while building a tool to help myself and others manage energy in a more holistic way

Energy Planner Home page, showing energy capacity and usage for the day, and activities planned into zones

About the Project

While working through the Autistic Burnout WorkbookI found the idea of applying spoon theory to different types of energy - such as physical, social and executive functioning - to be really helpful. I thought surely a tool must exist to help me put it into practice, but I couldn't find anything that quite fit the bill. So I built my own!

This was also my first substantial build leaning heavily into AI agents, and I used it as a deliberate experiment: where is the right balance between directing the agent with precision versus letting it run? I found that having a library of well-crafted, reusable skills was enormously helpful — the agent produced far better output when given clear, specific patterns to follow.

Tests were, of course, essential - "vibe coding" new features quickly breaks old ones without a solid test suite! I found mutation testing (via Stryker) is a great way to validate test quality without having to manually review every line. It surfaced gaps I wouldn't have noticed, and gave me real confidence in the test suite — a great intro to “harness engineering”.

I tried out two major AI coding tools on the project: Antigravity had promising browser interaction but too many teething issues on WSL, while Claude Code was a genuine joy to work with. Having spent years reviewing other people's code professionally, I found that experience transferred directly — I just had to remind myself it's fine to jump in and fix things directly, since I'm not robbing anyone of a learning opportunity but myself!

Key Highlights

  • First major project built primarily with AI coding agents
  • Explored the balance between directing vs delegating to an AI agent
  • Mutation testing (Stryker) to ensure test suite quality
  • Reusable skill library as a key force multiplier for AI agents
  • Side-by-side comparison of Antigravity vs Claude Code
  • Designed for neurodivergent users, by a neurodivergent developer

Tech & Tools

  • Next.js
  • React
  • TypeScript
  • next-yak
  • Vitest
  • Playwright
  • Stryker
  • dnd-kit
  • IndexedDB
  • Claude Code
  • Antigravity