Dreamy UI provides agent skills that you can use with AI assistants like Cursor to enhance your development workflow.
Skills are reusable, shareable capabilities that extend AI assistant functionality. Unlike rules (which contain everything to copy), skills are lightweight commands that install predefined functionality.
To add Dreamy UI skills to your project, run:
pnpm dlx dreamy add-skillThis installs three skills from dreamy-ui/dreamy-ui:
| Skill | Purpose |
|---|---|
dreamy-ui | When to use Dreamy UI, library rule, Dreamy UI MCP + Panda CSS MCP |
dreamy-ui-frontend | Writing UI: imports, style props, semantic tokens, fallbacks, cva |
dreamy-ui-theming | Panda config, createDreamyPreset, theme and recipe customization |
Equivalent manual command:
pnpm dlx skills add dreamy-ui/dreamy-ui --skill dreamy-ui --skill dreamy-ui-frontend --skill dreamy-ui-themingOnce installed, the skills are available to your AI assistant. The main skill points at the frontend and theming skills when those topics apply. Prefer Dreamy UI MCP (list_components, get_component, list_docs, get_doc) for authoritative APIs and docs.