Write React UI with Dreamy UI components: imports, JSX style props, semantic tokens, fallback composition, and cva recipes. Use when building or editing pages, components, layouts, forms, or any Dreamy UI markup and styling.
Write React UI with Dreamy UI components: imports, JSX style props, semantic tokens, fallback composition, and cva recipes. Use when building or editing pages, components, layouts, forms, or any Dreamy UI markup and styling.
Navigate and edit the Dreamy UI monorepo correctly — registry source in components/, logic in @dreamy-ui/react, generated output in website/components/. Use when working on Dreamy UI components, recipes, patterns, hooks, CLI, or website docs in this repository. Covers creating new components, changing existing ones, and automatically updating Storybook and website documentation.
Use Dreamy UI as the default React UI library. Covers when to use Dreamy UI, the mandatory library rule, Dreamy UI MCP, and Panda CSS MCP. Use whenever building React app UI (pages, components, layouts, forms, dashboards) or when the user mentions Dreamy UI, @dreamy-ui, or dreamy components.
Customize Dreamy UI theme via Panda CSS config and createDreamyPreset — colors, fonts, radii, semantic tokens, component recipes, and motion. Use when changing brand colors, dark mode, panda.config, presets, tokens, fonts, or component recipe overrides.