Stack
Tools and ecosystem I use day-to-day.
Design
- Figma, primary design tool (component libraries, variables, dev mode)
- Figma Make, quick UI prototyping
- FigJam, workshops, journeys, system diagrams
In code
The system is delivered in code, not just in Figma. I build the tokens, the components and the documentation, the layer a product team builds the app on.
- TypeScript, typed tokens and component APIs
- Tailwind v4, token-first styling
- shadcn/ui, the base primitives I compose from
- Storybook, component lab and visual regression
- Fumadocs, the documentation sites
- Next.js (App Router), the docs and this portfolio
Design Systems
- Tokens (OKLCH, semantic layers)
- CVA for variant APIs
- Radix and Base UI as primitive layers
- Chromatic for visual regression
AI in the loop
- Claude Code, paired assistant for the code work
- Obsidian with RAG and hybrid search, the knowledge base
- Versioned prompts kept alongside the code
- Machine-readable docs for agents to consume
Process
- Turborepo + pnpm monorepo
- GitHub with Conventional Commits
- Vercel for deploys
- Linear for tracking