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.

Visit the garden

About the Project

Bonsai Garden is a gamified tree-growing simulation where you tend to miniature trees, earn points, and watch them grow over time. Making the trees look convincingly real — 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