panda-css-workflows

Build React components with Panda CSS recipes, TypeScript, and accessibility patterns

Design composable form component architectures using atomic design principles

Create component recipes (regular and slot recipes) with variants and compound variants

Review existing components for Panda CSS best practices compliance and refactoring

Set up Panda CSS in a React + Vite project with configuration and build integration

Create Storybook stories for Panda CSS components with variants and accessibility testing

Design token architecture with base tokens, semantic tokens, and theme structures

Specialized agent for complex Panda CSS architectural work including setting up new projects, refactoring to Panda CSS, and designing component libraries