AI Dimensie
Wave 11·Docs · part of AI Dimensie·Why Docs? →·⌘K jump

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:

  1. Tells the agent what the tool is and when to use it
  2. Provides canonical examples it can pattern-match
  3. Lists API reference and edge cases
  4. 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)#

SkillDescription
aidimension-componentUse the 32 UI components correctly — variants, sizes, accessibility props
aidimension-themeCustomize the design tokens, dark mode, brand colors
aidimension-templatePick and customize the right template for the task
aidimension-iconAdd icons from Lucide / custom SVG sprites
aidimension-motionUse the motion utilities (fade, slide, stagger)
aidimension-formBuild accessible forms with validation

AI builder skills (3)#

SkillDescription
aidimension-magicUse the Magic AI builder to generate UI from natural language
aidimension-mcpWire aidimension into the Model Context Protocol
aidimension-cliUse the CLI to scaffold projects and copy components

Workflow skills (3)#

SkillDescription
aidimension-migrateMigrate from shadcn/ui, Material UI, Chakra, Mantine
aidimension-testWrite unit + visual regression tests for aidimension components
aidimension-deployDeploy 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 --all

Cursor#

  1. Open Cursor Settings → Features → Rules
  2. Click "Add Rule" → "Remote rule (Beta)"
  3. Paste: https://skills.aidimension.io/aidimension-component.md
  4. Save

Or copy the file directly to .cursor/rules/:

curl -L https://skills.aidimension.io/aidimension-component.md \
  -o .cursor/rules/aidimension-component.md

GPT (Codex CLI / OpenAI API)#

# Add to your project's AGENTS.md
curl -L https://skills.aidimension.io/aidimension-component.md >> AGENTS.md

Or 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 install

Anatomy 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 update

Contributing#

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.