Docs

Get staqd running inside Claude, Cursor, or Codex in a minute.

Install staqd

Every design skill installs with one command. It writes a SKILL.md into your project that your AI tool reads as design guidance.

$ npx staqd add bento
  • Claude / Claude Code: run the command in your project, then ask Claude to build using the installed skill.
  • Cursor: the skill file is picked up as project context — reference it in your prompt.
  • Codex: point the agent at the skill file and prompt for components.

How skills work

A design skill is an opinionated design-system spec — color tokens, typography, spacing, component patterns, motion, and accessibility rules. Installed into your AI tool, it makes every generated screen consistent and on-brand instead of generic.

The base file for free skills is fully open — copy it, download it, or install via CLI. Pro skills and Pro prompts unlock the rest of the library.

Using a solution

An AI solution ships as template code plus a curated setup prompt. After purchase, you download the bundle from your dashboard, drop it into a folder, and paste the setup prompt into your AI tool — it wires the solution to your services and gets you running.

CLI reference

$ npx staqd add <slug>Install a design skill into the current project
$ npx staqd listList available skills
$ npx staqd loginAuthenticate to unlock Pro skills