Stack
Ferramentas e ecossistema do dia a dia.
Design
- Figma, ferramenta principal (bibliotecas de componente, variáveis, dev mode)
- Figma Make, prototipagem rápida de UI
- FigJam, workshops, jornadas, diagramas de sistema
Em código
O sistema é entregue em código, não só no Figma. Construo os tokens, os componentes e a documentação, a camada sobre a qual o time de produto constrói o app.
- TypeScript, tokens e APIs de componente tipados
- Tailwind v4, styling token-first
- shadcn/ui, os primitivos de base que eu componho
- Storybook, laboratório de componentes e visual regression
- Fumadocs, os sites de documentação
- Next.js (App Router), a documentação e este portfólio
Design Systems
- Tokens (OKLCH, camadas semânticas)
- CVA para APIs de variantes
- Radix e Base UI como camada de primitivos
- Chromatic para visual regression
IA no loop
- Claude Code, assistente pareado no trabalho de código
- Obsidian com RAG e busca híbrida, a base de conhecimento
- Prompts versionados junto do código
- Docs machine-readable para agentes consumirem
Processo
- Turborepo + pnpm monorepo
- GitHub com Conventional Commits
- Vercel para deploys
- Linear para tracking