create-anatomy
Generate a visual anatomy annotation in Figma showing numbered markers on a component…
Interpret a component's API (properties, sub-components, configuration examples) 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
$ npx -y skills add redongreen/uSpec --skill extract-api --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/extract-apiContext preview
The summary Claude sees to decide when to auto-load this skill.
Interpret a component's API (properties, sub-components, configuration examples) 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
name: extract-api description: Interpret a component's API (properties, sub-components, configuration examples) 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-api`. 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-api`, and writes the normalized `ApiOverviewData` JSON to disk for the `create-component-md` orchestrator to consume.
**Quality contract:** every reasoning step (context gathering from `_base.json`, override promotion pass, audit) mirrors `create-api/SKILL.md`. Any improvement to API-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. On ambiguous evidence, emit the best-effort structured output (with `_deltaExtractions[]` logged if a delta fired). On missing evidence that cannot be resolved, abort with a single-line diagnostic pointing at the missing `_base.json` field. 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. Read them from `{cachePath}/{componentSlug}-_base.json._meta.fileKey` and `_meta.nodeId` at the start of Step 1 — `_base.json` is the single source of truth for them.
**Output:**
This skill typically makes **zero** MCP calls — it reads `_base.json` from disk. The adapter table below 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, always include the page-focus preamble immediately 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 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: Identify properties and sub-components (Override Promotion Pass)
- [ ] Step 5: Generate ApiOverviewData object
- [ ] Step 6: Audit (re-read instruction file)
- [ ] Step 7: Write JSON to cache
- [ ] Step 7.5: Project `ApiDictionary` from the finalized data and write `{slug}-api-dictionary.json`
- [ ] Step 8: Return one-line summaryRead [api/agent-api-instruction.md]({{ref:api/agent-api-instruction.md}}). This is the **same** instruction file used by `create-api` — it defines the `ApiOverviewData` schema, property classification rules, naming conventions, 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.
Note: Fields that look like rendering config but are part of the output schema (e.g., `slotInsertions`, `textOverrides`, `nestedOverrides`, `variantProperties`) must still be populated.
Read `{cachePath}/{componentSlu
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…