Metapowers

Skill Reference

Reference for all available skills in the Design plugin.

Design Plugin Skills

SkillCommandDescription
Empathize/design:empathize <name>Research user needs, context, and existing patterns
Define/design:define-component <name>Create a component contract with specs and constraints
Ideate/design:ideate <name>Explore multiple design approaches
Prototype/design:prototype <name>Build the component in Figma via MCP
Test/design:test <name>Validate against WCAG and component contract
Export Tokens/design:export-tokensExport design tokens to CSS, Tailwind, or JSON
A11y Audit/design:a11y-auditRun comprehensive WCAG accessibility audit
Design Review/design:design-review <name>Generate Figma Slides presentation from design phases
System Overview/design:system-overviewHigh-level design system summary

Common Arguments

All design skills accept a component name as the primary argument:

/design:<phase> <component-name>

The component name is used to namespace artifacts in .metapowers/design/<component-name>/.

Flags

--skip-checks

Skip the phase-gate hook's prerequisite check for this run. Before writing the artifact, the skill appends an entry to .metapowers/design/<component-name>/skip-log.md naming the file it's about to write; the PreToolUse hook allows exactly that write once the entry exists.

/design:define-component button --skip-checks

Environment Variables

FIGMA_ACCESS_TOKEN

Your Figma personal access token, used by the Figma MCP server to write components to your canvas in the prototype phase.

  • Claude Code: not needed. Claude Code asks for the Figma access token when you enable the design plugin; you can set or change it later from the plugin's configuration in the /plugin menu.
  • Codex, OpenCode, Cursor, or a standalone MCP server: set FIGMA_ACCESS_TOKEN in the environment that starts the Figma MCP server.

METAPOWERS_SKIP_CHECKS

Set to 1 to globally disable the phase-gate hook for all skills.

export METAPOWERS_SKIP_CHECKS=1

On this page