AI agents

Three ways to hook an AI agent up to Udixio UI, from zero configuration to the most integrated.

1. Without installing anything

Every page of this documentation also exists as raw markdown, at the same URL suffixed with .md:

A whole component in a single request (guide + API): https://ui.udixio.fr/components/<component>.md (e.g. .../components/switch.md).

By default these documents cover React and Angular. Insert .react or .angular before the .md to get a single framework — useful to keep an agent from mixing the two APIs:

Any agent able to make an HTTP request can read this directly — no installation required.

The udixio-ui-usage plugin resolves the exact API of the component as installed on your side (from the TSDoc shipped with the @udixio/ui-react/@udixio/ui-angular package) and fetches the usage patterns from this online documentation, for React and Angular.

It contains three skills:

SkillRole
consume-componentWrite new code: resolves the installed API, then applies the React/Angular conventions
review-usageCheck existing code: non-existent props, wrong Angular selector, controlled/uncontrolled mix-ups, missing accessibility
migrate-to-udixioConvert existing code (Material UI, Bootstrap, hand-rolled Tailwind…) to Udixio UI and the theme tokens

Claude Code

bash
claude plugin marketplace add https://github.com/Udixio/UI
claude plugin install udixio-ui-usage@udixio-ui

Codex

bash
codex plugin marketplace add Udixio/UI
codex plugin add udixio-ui-usage@udixio-ui

Check with claude plugin list / codex plugin list. The skills can then be invoked via udixio-ui-usage:<skill-name>.

3. MCP server — deprecated

@udixio/mcp existed for the same purpose, but it embeds a frozen snapshot of the documentation and theme taken at build time — it goes stale with every evolution of the library. It is deprecated in favor of the two options above, which always read up-to-date data (the actually installed API, or this online documentation). Details on the dedicated page.