12 AI agent skills — teach Claude, Cursor, and GPT to build with aidimension.
Skills Overview
A skill is a Markdown file (plus optional config) that teaches an AI agent how to use a specific tool or library. aidimension ships 12 skills that turn your AI into an expert aidimension developer.
What is a skill?#
A skill is a structured prompt that:
- Tells the agent what the tool is and when to use it
- Provides canonical examples it can pattern-match
- Lists API reference and edge cases
- Defines output schemas the agent should follow
Skills are agent-agnostic — they work with Claude Code, Cursor, GPT, Windsurf, Aider, and any agent that supports the Agent Skills spec.
The 12 skills#
Core UI skills (6)#
| Skill | Description |
|---|---|
aidimension-component | Use the 32 UI components correctly — variants, sizes, accessibility props |
aidimension-theme | Customize the design tokens, dark mode, brand colors |
aidimension-template | Pick and customize the right template for the task |
aidimension-icon | Add icons from Lucide / custom SVG sprites |
aidimension-motion | Use the motion utilities (fade, slide, stagger) |
aidimension-form | Build accessible forms with validation |
AI builder skills (3)#
| Skill | Description |
|---|---|
aidimension-magic | Use the Magic AI builder to generate UI from natural language |
aidimension-mcp | Wire aidimension into the Model Context Protocol |
aidimension-cli | Use the CLI to scaffold projects and copy components |
Workflow skills (3)#
| Skill | Description |
|---|---|
aidimension-migrate | Migrate from shadcn/ui, Material UI, Chakra, Mantine |
aidimension-test | Write unit + visual regression tests for aidimension components |
aidimension-deploy | Deploy to Vercel, Netlify, Cloudflare Pages |
Installing a skill#
Claude Code#
# Add the aidimension plugin marketplace
claude plugin marketplace add aidimension/skills
# Install a single skill
claude plugin install aidimension-component
# Install all 12
claude plugin install --allCursor#
- Open Cursor Settings → Features → Rules
- Click "Add Rule" → "Remote rule (Beta)"
- Paste:
https://skills.aidimension.io/aidimension-component.md - Save
Or copy the file directly to .cursor/rules/:
curl -L https://skills.aidimension.io/aidimension-component.md \
-o .cursor/rules/aidimension-component.mdGPT (Codex CLI / OpenAI API)#
# Add to your project's AGENTS.md
curl -L https://skills.aidimension.io/aidimension-component.md >> AGENTS.mdOr upload the file in the ChatGPT "Custom instructions" panel.
Windsurf / Aider / Other#
# Universal installer — works with any agent that supports AGENTS.md
npx @aidimension/cli@latest skills installAnatomy of a skill#
Every skill follows the same Markdown structure:
---
name: aidimension-component
version: 0.4.0
description: Use aidimension UI components correctly
agent: [claude, cursor, gpt, windsurf, aider]
---
# aidimension Component
You are an expert at building with aidimension UI components...
## When to use this skill
Activate this skill whenever the user wants to...
## Canonical patterns
### Buttons
\`\`\`tsx
import { Button } from "@aidimension/ui/components/button";
<Button variant="default">Click</Button>
\`\`\`
## Component reference
### Button
- Props: variant (default | outline | ghost | link), size (sm | md | lg)
- Accessibility: always include a label or aria-label
...The frontmatter is machine-readable so agents can index and search skills.
Authoring your own skill#
See the Author a Skill guide for the full spec, including:
- Required frontmatter fields
- Style guide (use
##not#, keep examples under 20 lines) - Versioning and changelog conventions
- How to publish to the aidimension skill registry
Listing all installed skills#
# Show all installed aidimension skills
npx @aidimension/cli@latest skills list
# Update to latest
npx @aidimension/cli@latest skills updateContributing#
Skills are open source at github.com/pathtoresiliencebv/aidimension-skills. The best community skills get promoted to the official registry and reach every aidimension user.