Build, refactor, debug, and review web UI code that uses Panda CSS for build-time styling via `css`, `styled`, JSX style props, patterns, recipes, slot recipes, theme tokens, presets, utilities, or Panda CLI/PostCSS integration. Use when Codex needs to implement or troubleshoot Panda CSS setup, static extraction, `panda.config.*`, `styled-system` output, dynamic styling workarounds, component-library packaging, or framework-specific Panda integration.
Use Panda as a build-time styling system. Preserve static analyzability, treat styled-system output as generated unless the repo clearly versions it, and fix setup or extraction issues before rewriting component styles.
panda.config.*, the project scripts, the generated outdir, and where the Panda CSS output is imported.extendcva, config recipes, slot recipes, responsive variants, and recipe tracking rules.styled-system authoring, template literals, virtual colors, and nested style composition.panda.config.* options../references/guides-and-troubleshooting.md with rg -n "staticCss|token\\.var|css\\.raw|runtime conditions|dynamic styling"../references/patterns-recipes-and-responsive.md with rg -n "cva|defineRecipe|slot recipe|splitVariantProps|jsx:"../references/cli-and-config.md with rg -n "defineConfig|importMap|outdir|include|exclude|presets|jsxFramework".panda --watch, or explicit panda codegen or panda cssgen commands before changing build scripts.data-* and condition-based styling over opaque runtime values.css and utilities for one-off styles, patterns for layout primitives, cva for colocated variants, and config recipes for design-system components or responsive recipe variants.importMap, include, exclude, and CSS imports aligned with the actual module paths. Missing styles are often configuration or layer issues rather than component bugs.panda codegen, panda --watch, or the project build that triggers PostCSS.css composition, global styles, or JSX style context helpers.cva, config recipes, slot recipes, or responsive variants.styled, template literals, or nested authored styles.panda.config.*, changing CLI flags, or reasoning about what Panda will emit.