Agent bootstrap

Give the agent a working dk command first.

The DesignKit agent path starts with the public npm CLI. Claude, Codex, and other coding agents should install or run `@dkcli/cli`, load the dkcli skill, then use hosted discovery only as supporting context.

Copy-paste prompt

Starts from the live bootstrap contract.

curl -fsSL https://dkcli.com/.well-known/dkcli/bootstrap.txt and use what it returns as your live bootstrap contract for dkcli DesignKit. Install or run @dkcli/cli from npm, then load the dkcli skill before design work.
Open bootstrap
First three moves

Install, inspect, then load the skill.

The npm package is the primary bootstrap. The skill tells agents when to calculate palette, contrast, scale, layout, motion, and audit output instead of hand-waving design judgement.

Install

Best for repeated design-system work in one environment.

npm install -g @dkcli/cli
Run once

Best when the agent should avoid global installs.

npx @dkcli/cli --help
Load skill

Gives Claude, Codex, or another agent the current dkcli operating rules.

curl -fsSL https://dkcli.com/.well-known/agent-skills/dkcli/SKILL.md
Claude and Codex rule

Do not guess what dkcli can calculate.

Run dkcli from the target project root. If `dk` is unavailable, use `npx @dkcli/cli`. When a command fails, report the command and important output instead of silently switching back to visual judgement.

Useful checks

Small commands, concrete design evidence.

Palette
dk palette "#295dff" --mode both
Contrast
dk contrast "#ffffff" "#2563eb" --size 16
Scale
dk scale --ratio perfect-fourth --base 16
Layout
dk layout --container 960 --gap 24
Audit
dk audit --css=app.css