create-anatomy
Generate a visual anatomy annotation in Figma showing numbered markers on a component…
Interpret a component's structure spec (variant axes, dimensions, sub-components, slot contents, cross-variant diffs) from the `_base.json` produced by the uSpec Extract Figma plugin, and write the normalized JSON to disk. Read-only interpretation — no Figma calls except an
$ npx -y skills add redongreen/uSpec --skill extract-structure --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/extract-structureContext preview
The summary Claude sees to decide when to auto-load this skill.
Interpret a component's structure spec (variant axes, dimensions, sub-components, slot contents, cross-variant diffs) from the `_base.json` produced by the uSpec Extract Figma plugin, and write the normalized JSON to disk. Read-only interpretation — no Figma calls except an
name: extract-structure description: Interpret a component's structure spec (variant axes, dimensions, sub-components, slot contents, cross-variant diffs) from the `_base.json` produced by the uSpec Extract Figma plugin, and write the normalized JSON to disk. Read-only interpretation — no Figma calls except an optional tiny delta script. Use as a sub-skill of create-component-md.
Interpretation-only companion to `create-structure`. This skill **does not extract data from Figma**. It reads `{cachePath}/{componentSlug}-_base.json` (produced by the uSpec Extract Figma plugin), applies the same reasoning layer as `create-structure`, and writes the normalized `StructureSpecData` JSON to disk for the `create-component-md` orchestrator to consume.
**Quality contract:** every reasoning step (section planning, ownership resolution, override promotion, design-intent notes, anomaly detection) mirrors `create-structure/SKILL.md`. Any improvement to structure-extraction quality must be made in both places.
**Batch-mode contract.** This skill MUST NOT call `AskQuestion`, prompt for confirmation, or pause for user input. When a value cannot be resolved from `_base.json` (and a Step 3-delta doesn't recover it), emit a row with `provenance: "not-measured"` and `values: ["—", …]` instead of asking. No mid-interpretation clarifications.
The orchestrator calls this skill with these inputs (already resolved — do NOT re-parse URLs or re-read `uspecs.config.json`):
`fileKey` and `nodeId` are **not** pass-through parameters anymore. Read them from `{cachePath}/{componentSlug}-_base.json._meta.fileKey` and `_meta.nodeId` at the start of Step 1.
**Output:**
This skill typically makes **zero** MCP calls — it reads `_base.json` from disk. The adapter applies only to the optional Step 3-delta escape hatch.
| Operation | `figma-console` | `figma-mcp` | |-----------|-----------------|-------------| | Execute Plugin JS (delta only) | `figma_execute` with `code` | `use_figma` with `fileKey`, `code`, `description` |
For `figma-mcp` delta scripts, include the page-focus preamble after `getNodeByIdAsync`:
let _p = node; while (_p.parent && _p.parent.type !== 'DOCUMENT') _p = _p.parent; if (_p.type === 'PAGE') await figma.setCurrentPageAsync(_p);
Task Progress: - [ ] Step 1: Read instruction file - [ ] Step 2: Load _base.json and optionalContext - [ ] Step 2.5: Load API dictionary (canonical vocabulary) — optional - [ ] Step 3: Build working evidence set (from _base.json fields only) - [ ] Step 3-delta: OPTIONAL — read-only Figma call if a fact is genuinely missing - [ ] Step 4: AI interpretation layer — section plan, ownership, design-intent notes, anomalies - [ ] Step 5: Generate StructureSpecData object - [ ] Step 6: Audit (re-read instruction file) - [ ] Step 7: Write JSON to cache and return one-line summary
Read [agent-structure-instruction.md]({{ref:structure/agent-structure-instruction.md}}). This is the **same** instruction file used by `create-structure`. Treat it as the single source of truth for the `StructureSpecData` schema, row emission rules, and audit checklists.
The shared instruction file describes both extraction and Figma rendering. This skill only performs interpretation — ignore guidance in the sections below. The data schema and audit checklists still apply.
Generate design system documentation for your UI components, directly from your AI agent. Describe a component to your agent.
Repo: redongreen/uSpec
Generate a visual anatomy annotation in Figma showing numbered markers on a component…
Generate API overview specifications documenting component properties, values, defaults, and…
Generate color annotation specifications mapping UI elements to design tokens. Use when the…
Generate a canonical JSON contract and a self-contained implementation Markdown specification…
Generate motion specification annotations from After Effects timeline data. Use when the user…
Generate a visual property annotation in Figma showing each configurable property axis with…