Personal Project
Bonsai Garden
Getting AI to grow convincing trees turned out to be far trickier than expected — and far more entertaining.
Visit the gardenAbout 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