Agent skill

The repo ships an Agent Skill bundle at skills/admin-design-system/. It’s a self-contained set of markdown files that teach an AI coding agent the class-name contract, the React component API, the icon and token conventions, and the project’s “prefer the platform” philosophy — plus one reference file per component with paired vanilla HTML and React examples.

Once installed, an agent working in a project that uses @aortl/admin-css or @aortl/admin-react will pull the skill in automatically and produce output that matches the system’s idioms.

Install with npx skills (recommended)

vercel-labs/skills is a small CLI that fetches a skills repo and wires it into whichever agents you have installed. It’s the simplest path and works with Claude Code, OpenCode, Codex, Cursor, and others.

npx skills add Digital-Udvikling/admin-design-system

You’ll be prompted for which agents to target. To install once for your user account (rather than the current project) and skip the prompts:

npx skills add Digital-Udvikling/admin-design-system -g -a claude-code -y

To list available skills in the repo without installing:

npx skills add Digital-Udvikling/admin-design-system --list

See the skills CLI README for the full set of flags.

Install as a Claude Code plugin

If you only use Claude Code and prefer its built-in plugin manager, the repo also acts as a single-plugin marketplace. From inside Claude Code:

/plugin marketplace add Digital-Udvikling/admin-design-system
/plugin install admin-design-system@digital-udvikling

Updates land when you push commits to main; refresh with /plugin marketplace update digital-udvikling.

See the Claude Code plugins docs for managing installed plugins.

Keeping the skill current

The bundle is generated from the .mdx files in this docs site by apps/docs/scripts/generate-skill.mjs and committed to the repo. CI fails if the committed bundle drifts from the source, so what you install is always in sync with the latest docs.