The Cartographer's Copy The Cartographer's Copy

The Cartographer's Copy

The Cartographer's Copy is a nine-chapter self-knowledge guide deployed as a live web experience. Astrology / Human Design / Numerology. Esoteric frameworks treated strictly as editorial software.

Designed entirely in Wonder via AI chat. The design system began as a conversation. I described the instruments — contour rings behind a compass / a numerology wheel / a bar chart for dominant numbers — and Wonder generated the UI.

Connected Wonder to Claude Code via MCP. Claude parsed all nine canvas pages, translating them into a functional, animated, multi-page architecture. Layout / code / interactions. Deployed to Netlify. Live on Day 4.

Bespoke systems used to require weeks of manual wrangling. Now, the labor is strictly in the architectural decisions.

Made in Wonder. Deployed with Claude Code.

Tool Stack

Wonder: Design / AI chat / Shaders

Claude Code: Code generation via MCP

Netlify: Deployment

ElevenLabs: Voiceover for walkthrough

What Makes This Original

Self-knowledge frameworks engineered as editorial software. Each chapter features a distinct visual instrument — contour rings / compass / numerology wheel. A nine-chapter architecture that reads like a book, but behaves like a product.

How Wonder Made It Possible

Wonder's AI chat translated conversational intent into editable canvas output. The MCP integration with Claude Code eliminated manual design-to-code translation. Handing nine Wonder pages directly to a code agent closed the design-to-production gap entirely.

Links

Live Site: https://cartographers-copy.netlify.app/

Wonder File: https://app.wonder.so/user-334c1d/files/019f2108-1102-7120-b0ab-9e674ece8179/branches/main/pages/019f2108-1103-7d3e-bcac-06386f44467f

X Post: https://x.com/rarebydsgn/status/2074181875174941072

LinkedIn Post: https://lnkd.in/p/gg-n9bTu

Creator

Haemish O'Donnell Studio: Rare by Design Location: Palm Springs, CA