Agent Skill

Install the Create UI skill so your AI coding agent writes correct Create UI code.

Create UI ships an Agent Skill — a guide that teaches your AI coding agent how to use Create UI correctly: the right Button API, semantic tokens, the Field size cascade, the createui CLI, and the @createui registry. With the skill installed, your agent stops guessing (or falling back on other libraries' habits) and follows Create UI conventions.

The skill is bundled with the CLI, so installing it is a single command.

Works with any agent

The skill is built on Agent Skills — an open SKILL.md standard, not tied to one vendor. It's plain Markdown guidance, so it's model- and agent-agnostic. Since late 2025 the same SKILL.md format has been adopted across the ecosystem (Claude Code, OpenAI Codex, Gemini CLI, VS Code, Cursor, and more). Each agent just reads it from its own directory:

Agent	Auto-loads `SKILL.md`?	Skill directory
Claude Code / Claude.ai	Yes	`~/.claude/skills` or `./.claude/skills`
OpenAI Codex	Yes	`~/.agents/skills` or `./.agents/skills`
Gemini CLI	Yes	`~/.gemini/skills` or `./.gemini/skills` (also reads `.agents/skills`)
Cursor, others	Via their own rules files	install anywhere, then reference it

.agents/skills is the open-standard location: both Codex and Gemini CLI read it, so installing there with --client codex (or --client agents) covers both at once.

The createui skill command installs natively for these agents, and supports any other via an explicit --path.

Install the skill

Install for your user account (available in every project):

pnpm dlx @create-ui/cli skill

Or scope it to a single project so it can be committed and shared with your team:

pnpm dlx @create-ui/cli skill --project

Claude Code reads it from ~/.claude/skills/createui (or ./.claude/skills/createui with --project).

Start building

Once installed, describe what you want:

Add a Create UI login form with email and password fields.

Your agent reads the skill and produces idiomatic Create UI code (Button with appearance/leadingIcon, FieldGroup + Field, semantic tokens like bg-static and text-body), then uses the createui CLI to add any missing components.

Options

Flag	Description	Default
`--client <client>`	Agent to install for: `claude`, `codex`, `gemini`, or `agents` (the `.agents/skills` standard location).	`claude`
`--project`	Install into the project instead of your home directory.	`false`
`-p, --path <path>`	Install into an explicit skills directory (for other agents). Overrides `--client`/`--project`.	—
`-c, --cwd <cwd>`	The working directory.	current
`-f, --force`	Overwrite an existing installation without asking.	`false`
`-y, --yes`	Skip the overwrite confirmation prompt.	`false`

Updating the skill

Re-run with --force to overwrite an existing installation with the latest version:

pnpm dlx @create-ui/cli skill --force

Removing the skill

Delete the installed folder:

# Claude Code (personal)
rm -rf ~/.claude/skills/createui
 
# Codex / Agent Skills standard (personal)
rm -rf ~/.agents/skills/createui
 
# Gemini CLI (personal)
rm -rf ~/.gemini/skills/createui
 
# Project install
rm -rf ./.claude/skills/createui

The skill works alongside the MCP server. The skill teaches your agent Create UI's conventions; the MCP server gives it live tools to search and install components from your registries. Install both for the best experience.