Aura Design System

Skills

Every skill an Aura project can carry, the task that triggers it, where it lives, and how it is installed.

Skills

A skill is a folder with a SKILL.md. The agent reads the description in its frontmatter and loads the skill when the task matches. Rules in .agents/rules/ still apply while a skill runs. When a skill and a rule disagree, the rule wins.

Pick a skill

The taskLoadThen
Build or restyle UI with Aura tokensauraRun verify-aura-ui
Build or fix a form, a server action, or a validation schemaaura-formsRun verify-aura-ui
Bring a component from a URL onto Auraport-component-to-auraRun verify-aura-ui
Add, search, or debug a shadcn registry itemshadcnThe aura skill wins on icons, forms, spacing, type, and restyle
Write a function that reads or changes data only some callers may touchgdp-tsRun pnpm typecheck and pnpm lint
Landing, hero, or marketing page that needs imagesgenerate-brand-imagesRecord the asset paths in the feature map at PR time
Turn a design, site, screenshot or brief into a DESIGN.md flavorgenerate-design-mdApply it with the design-md rule. See DESIGN.md flavors
Open or update a PRupdate-feature-mapOnce per PR, after the code is final
Review UI, motion, performance, or auth before a PRAn auditApply the findings you accept

Aura skills

These ship with Aura. @aura/skill-aura installs the design skill. @aura/skills installs the procedure skills. aura blueprint writes the ones that fit the project's stack.

SkillTriggers onStacksInstall
auraUI, tokens, theme, Tailwind classes, icons, motion, DESIGN.mdJavaScript frontendspnpm dlx shadcn@latest add @aura/skill-aura or pnpm dlx skills add somosgented/aura-design-system --skill aura
aura-formsForms, server actions, JSON Schema validationReact@aura/skills, or aura blueprint on React projects
verify-aura-uiAfter any UI edit: pnpm lint and the @shadcn/lint findings on touched filesJavaScript frontends@aura/skills
port-component-to-auraA pasted component URL or a request to recreate one in AuraJavaScript frontends@aura/skills
update-feature-mapOpening or updating a PREvery stack@aura/skills, or aura blueprint on any project
generate-brand-imagesA page that needs generated imagesFrontends@aura/skills, or aura blueprint on frontend projects
generate-design-mdA pasted DESIGN.md, site, screenshot or brief to adapt into an Aura flavorJavaScript frontendspnpm dlx shadcn@latest add @aura/skill-generate-design-md, or @aura/skills

Design guardrails behind aura are listed on Aura skill.

Upstream skills blueprint installs

These come from their own repos. They are not in the Aura registry. aura blueprint installs them with the skills CLI into .agents/skills/.

SkillSourceInstalled whenCommand
shadcnshadcn/uiReact projectspnpm dlx skills add shadcn/ui -a cursor -y --copy
gdp-tsrauchg/gdp-tsNode and TypeScript projectsnpx skills add rauchg/gdp-ts --skill gdp-ts -a cursor -y --copy

Skills you install for one review

Emil Kowalski's design and motion skills, Vercel's vercel-react-best-practices, and WorkOS's workos are audits. Nothing in Aura installs them. Install one when you want that review, and do not commit the folder. Commands, prompts, and the findings format are on Audits.

Monorepo-only skills

aura-constraints and aura-verification live in the Aura repository for agents editing Aura itself. They are not published to the registry.

Write a good trigger

The agent picks a skill from its description alone. A description that works:

  • Names the task in the words a user types: "form", "landing page", "open a PR".
  • Names the files or tools it touches: useFormDynamic, bruno/, pnpm lint.
  • Says when not to use it, if a nearby skill covers that case.

Keep the steps in SKILL.md and the guardrails in a rule or in the aura skill. Do not copy one into the other.