Teach coding agents XiodUI's real API, and migrate from other libraries.
Coding agents guess at libraries they don't know well, and the guesses come from other libraries: a root from "xiod-ui" import, asChild, an npx … add step, shadcn part names such as DialogContent. None of those exist in XiodUI, so the code the agent writes doesn't build.
The XiodUI Agent Skill gives the agent the library's real API before it writes anything. It is maintained in the library repo alongside the components, so it describes the version you install.
1npx skills add ImKKingshuk/XiodUIThe skills CLI installs it for Claude Code, Codex, Cursor, GitHub Copilot and dozens of other agents. Run it inside a project to install it there, or add -g to install it for every project.
The agent loads the skill on its own when a task mentions XiodUI or xiod-ui, imports from the package, or asks to migrate from another UI library. Nothing needs to be pasted into the prompt.
xiod-ui/input-otp, not xiod-ui/InputOtp), and why @base-ui/react is never installed separately.render in place of asChild, data-driven components such as Select, Combobox and Command, and the Base UI state attributes (data-open, data-checked) to style against.ThemeProvider, palettes, runtime palette switching, overriding tokens, and swapping built-in icons.tailwind.config.js colour blocks to adding a second animation library.The skill includes a step-by-step guide for moving an existing app to XiodUI from each of these libraries:
| Library | Detected by |
|---|---|
| shadcn/ui | components.json, components/ui/*, @radix-ui/* |
| HeroUI/NextUI | @heroui/react, @nextui-org/react |
| MUI | @mui/material |
| Ant Design | antd |
| Mantine | @mantine/core |
| Chakra UI | @chakra-ui/react |
Each guide maps the old library's components, part names and props to XiodUI's, and replaces its toast, theme, form and icon helpers. They all follow the same order: list the files that use the old library, set XiodUI up next to it, migrate one file at a time and build after each, then uninstall the old library and check light, dark and phone-width layouts.
To start, ask the agent something like:
1Migrate this app from shadcn/ui to XiodUI.Where a component has no XiodUI equivalent, the guide says so and what to use instead. The agent is told never to invent a component or prop to fill the gap.
For an agent that can't install skills, point it at the documentation directly:
/llms.txt lists every page of these docs./llms-full.txt is the whole documentation in one file..md, and the Copy page button at the top of each page copies it.