Design Systems Projects in CaliforniaDesign Systems Projects in California
Projects
People
Cover image for 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
2
141