Storage

Directory Structure

All Design artifacts are stored in your project's .metapowers/design/ directory, organized by component:

.metapowers/design/<component-name>/
  01-empathize.md      ← User research and context analysis
  02-define.md         ← Component contract and specifications
  03-ideate.md         ← Design options and trade-off analysis
  04-prototype.md      ← Figma prototype reference and notes
  05-test.md           ← WCAG compliance and contract validation
  skip-log.md          ← Prerequisite bypass log

File Naming Convention

Design artifacts use a numbered prefix pattern (01- through 05-) corresponding to each phase of the Design Thinking process. This ensures files are listed in phase order and makes it clear which phase produced each artifact.

Accessing Artifacts

To find Design artifacts from other domains:

1. List available components: check directories under .metapowers/design/
2. Read a specific phase artifact: .metapowers/design/<component-name>/02-define.md
3. The component contract in 02-define.md is the most commonly referenced artifact — it contains the props table, variant matrix, and accessibility specifications