React Component Patterns

Overview

Build accessible, token-driven React components following modern patterns. Covers styling approaches, TypeScript integration, composition patterns, and how to consume design tokens from the token skills.

When to Use

• Creating a React component library
• Building components that use design tokens
• Setting up a design system in React/Next.js
• Converting designs to React components

The Process