Annie Garvey Girl Coding
0
0
Back to portfolio

Personal Project

Bonsai Garden

Getting AI to grow convincing trees turned out to be far trickier than expected — and far more entertaining.

About the Project

Bonsai Garden is a gamified tree-growing simulation where you can spend your points earned from Energy Planner interactions to tend to miniature trees, and watch them grow over time. Making the trees look anything like the real thing — with authentic branching patterns, trunk shapes, and species-specific characteristics — turned out to be a fascinating design challenge.

I put a lot of thought into how to guide the AI effectively on research for each species. Rather than asking broad questions, I gave specific direction on what botanical factors mattered most: branching angles, bark texture variation, seasonal foliage. This focus produced much richer species parameters than open-ended prompting would have.

One of my favourite moments was the watering can cursor attempt. The first pass produced two entirely dysfunctional-looking cans — a tiny one for the cursor and a random large one stuck in the corner, with no water droplets anywhere in sight. I've kept those early screenshots as a reminder that when an initial request is unclear, the AI will sometimes implement something entirely different rather than ask for clarification.

This project also gave me my first real hands-on experience with Claude hooks and the remote control feature, which opened up exciting new possibilities for agent-driven development workflows.

Key Highlights

  • Procedural SVG tree generation with species-specific parameters
  • Researching botanical factors to guide realistic tree rendering
  • Learned that specificity in AI prompting beats breadth
  • First use of Claude hooks and remote control features
  • Gamified loop with points, watering, and timelapse growth
  • Funny early screenshots document the AI going off-script

Tech & Tools

  • Next.js
  • React
  • TypeScript
  • SVG
  • Procedural Generation
  • next-yak
  • Claude Code
  • Claude Hooks
  • localStorage