Reusable, on-demand instructions for the AI agent. Each skill is a folder with a SKILL.md file that the agent loads only when its description matches the current task.
Structure
.agents/skills/
├── <skill-name>/
│ └── SKILL.mdHow to Use
- Explicitly invokes a skill (e.g.
/react-aria prompt). - A request clearly matches a skill's description (e.g. "integrate a real API" →
api-integration).
Available Skills
| Skill | Purpose |
|---|---|
api-integration | Replace mock API data with a real fetch integration in a component. |
generate-ui | Scaffold a new component or page through a guided 3-phase workflow. |
react-aria | Build accessible UI with React Aria Components (hooked primitives, composition). |
Authoring a New Skill
- Create
.agents/skills/<skill-name>/SKILL.md. - Frontmatter must include a unique
nameand a clear, trigger-styledescription. - Keep the body focused — instructions, not essays. Prefer numbered steps and concrete rules.
- Reference relative paths, not absolutes, so the skill is portable.
