v1.0
Buy Pro

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 write correct Create UI code, from the Button API and semantic tokens to 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 instead.

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 that isn't tied to a single vendor. It's plain Markdown guidance, so it works with any model and any agent. Since late 2025 the same SKILL.md format has been adopted across the ecosystem, including Claude Code, OpenAI Codex, Gemini CLI, VS Code, and Cursor. Each agent reads it from its own directory:

AgentAuto-loads SKILL.md?Skill directory
Claude Code / Claude.aiYes~/.claude/skills or ./.claude/skills
OpenAI CodexYes~/.agents/skills or ./.agents/skills
Gemini CLIYes~/.gemini/skills or ./.gemini/skills (also reads .agents/skills)
Cursor, othersVia their own rules filesinstall anywhere, then reference it

The createui skill command installs natively for these agents, and any other agent can be covered with 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, FieldGroup + Field, semantic tokens like bg-static and text-body), then uses the createui CLI to add any missing components.

Options

FlagDescriptionDefault
--client <client>Agent to install for: claude, codex, gemini, or agents (the .agents/skills standard location).claude
--projectInstall into the project instead of your home directory.false
-p, --path <path>Install into an explicit skills directory (for other agents). Overrides --client/--project.none
-c, --cwd <cwd>The working directory.current
-f, --forceOverwrite an existing installation without asking.false
-y, --yesSkip 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
ComponentsMCP Server