C:\LUIZBUENO\PORTFOLIO>
C:\LUIZBUENO

Browse projects from 2010 to today. Use tabs to filter and keyboard shortcuts to navigate quickly: ↑/↓ selects, PgUp/PgDn changes page, A-Z jumps by letter.

C:\LUIZBUENO\*.PRJ
C:\PORTFOLIO\Cactus Design System v2.0.0
ITEM: 1/26

Cactus Design System v2.0.0

Company...: Cactus Gaming

Period....: Jun 2026 — Present

Category..: FRONTEND

Stack:

  • React
  • TypeScript
  • Vanilla Extract
  • Radix UI
  • Style Dictionary
  • Vitest
  • Storybook
  • GitHub Actions

Summary:

Led a full re-architecture of a production React component library (340 files, +26.9k lines) into a zero-runtime, accessibility-first Design System.

Highlights:

  • Migrated inline/JS-driven styles to zero-runtime CSS (Vanilla Extract), moving hover/focus logic from React state into native browser CSS across 31 components
  • Built a single source of truth for design tokens (DTCG + Style Dictionary), auto-generating CSS variables and TS types — no more hardcoded hex codes
  • Adopted Radix UI primitives for accessible, keyboard-navigable overlays (Modal, Dropdown, Tabs) with full ARIA support
  • Standardized forwardRef + asChild for ref forwarding and polymorphic composition
  • Reached approximately 97% test coverage (300+ tests, Vitest + RTL) with enforced CI thresholds
  • Automated SemVer releases and changelog generation via CI + Gemini