Skills
A minimal stack for expressive products.
Every project blends considered design decisions with engineering discipline. I rely on composable systems, paired design/dev rituals, and accessible defaults to ship interfaces that scale.
Interface Engineering
Robust UI foundations built with component-driven architecture and reusable patterns.
- Next.js App Router
- TypeScript-first codebase
- Radix primitives
- Component testing mindset
Design Systems
Token-driven systems that keep Figma libraries and production UI perfectly in sync.
- Figma Tokens plugin
- shadcn/ui customization
- Design literacy workshops
- Documentation playbooks
Product Craft
Shipping experiences that balance usability, clarity, and emotive moments.
- Micro-interactions
- Accessibility audits
- Content choreography
- Responsive storytelling
Daily toolbox
From design ideation to code delivery, these are the languages, frameworks, and tools I lean on to keep pacing swift and outcomes consistent.
Figma Workflow
Tokens, components, and prototyping live in one Figma file—always synced with the codebase for frictionless handoffs.
- • Auto-layout frames mirroring responsive breakpoints.
- • Motion specs using smart animate and spring curves.
- • Documentation page outlining usage, states, and content.
How I work
Discover
Workshops, audit current experience, align on intent.
Design
Wireframes, UI explorations, Figma components, interaction specs.
Build
Type-safe implementation, accessibility reviews, code handoff.
Refine
QA, polish micro-interactions, document learnings, iterate fast.
Ready to collaborate?
Share a Figma link, Notion doc, or tech brief. I’ll respond with initial thoughts, timeline, and pricing.