I design it, then I build it.
Plugins, tools and apps I shipped myself with vibe coding. The build half of the story, and the same systems thinking I bring to design, pointed at the tooling. Each has a short write-up on the why, the how and the stack.
Token Guard
Audits a Figma file against its design tokens and fixes the mismatches in place. Design-system compliance, handled automatically instead of by hand.
- Token audit
- Bulk fix
- Design systems
Design System Generator
Generates a full design system from a palette: a two-layer token architecture, OKLCH colour ramps, light and dark modes, exported to W3C DTCG JSON.
- Two-layer tokens
- OKLCH
- DTCG export
PRD Assistant
A conversational AI app that interviews you about a product idea, then turns the conversation into a structured PRD file at the end. The blank page, solved by talking it through.
- Conversational AI
- PRD export
- Agentic
Markdown Editor
A clean, fast Markdown editor with live preview, built to make writing and exporting structured docs frictionless.
- Live preview
- Export
- Web app