Same brief. Three months.

This is a portfolio piece — a plant-matching concept that could sit on patchplants.com as a sales tool. It exists in two versions, built three months apart, to show how much my workflow and the tooling around me have shifted.

v1, January 2026. I built a Figma pattern library, used Figma Make to assemble the screens, hand-edited the result, exported design tokens and fed the whole lot into Cursor. It produced an 8-question quiz with ranked results and a match percentage — a competent 2025-shaped product.

v2, April 2026. I wrote a brief, opened Claude Code, and built directly. No Figma, no design handoff. The form factor changed too: instead of a multi-step quiz, you describe your space in your own words and Claude Haiku picks one plant for you with reasoning that quotes you back to yourself.

The stack is identical — Next.js 16, React 19, Tailwind v4, TypeScript — so the difference is workflow and craft, not framework. The conceptual leap (form → conversation) is what new tooling unlocks.

Catalogue is intentionally small (22 plants). Photography is from Unsplash. Patch is referenced as the would-be host but this isn’t affiliated with them.