From figma-differ
Re-fetch and enrich thin Figma frames that have shallow data (1 node, generic description like "dark mode screen", or description under 30 chars). Uses REST API to fetch full node JSON and regenerates frame.md for each thin frame. Use when the user runs /figma-differ:enrich, says "enrich thin frames", "improve frame descriptions", or "deep-fetch all frames".
How this skill is triggered — by the user, by Claude, or both
Slash command
/figma-differ:enrich <figma-file-url-or-fileKey><figma-file-url-or-fileKey>This skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Extract `fileKey` from `$ARGUMENTS`:
Extract fileKey from $ARGUMENTS:
https://www.figma.com/design/<fileKey>/...bash $CLAUDE_PLUGIN_ROOT/scripts/auth.sh status
If it fails, tell the user to run bash $CLAUDE_PLUGIN_ROOT/scripts/auth.sh set and stop.
Verify the fileKey has local data:
ls ~/.figma-differ/<fileKey>/
If missing, tell the user to run /figma-differ:track <url> first.
TaskCreate("Scan thin frames", activeForm: "Detecting frames with shallow data...")
TaskCreate("Re-fetch & enrich", activeForm: "Fetching full node JSON for thin frames...")
TaskCreate("Rebuild frame docs", activeForm: "Regenerating frame.md documents...")
TaskCreate("Update search index", activeForm: "Re-indexing enriched frames in QMD...")
Task lifecycle:
TaskUpdate(taskId, status: "in_progress")Agent(model: "haiku") — agent reports only counts, never raw outputTaskUpdate(taskId, status: "completed")Dispatch a haiku agent to run the script:
Prompt: Run enrich-thin-frames.sh for fileKey <fileKey>.
Command: bash $CLAUDE_PLUGIN_ROOT/scripts/enrich-thin-frames.sh <fileKey>
Write stdout to /tmp/enrich-<fileKey>-result.txt.
Report only: total frames scanned, enriched count, skipped count, QMD status.
Enrich complete: <fileKey>
Frames scanned: N
Enriched: M (were thin — re-fetched and frame.md regenerated)
Already rich: K (skipped)
QMD index: updated | unchanged
Run /figma-differ:search "query" to verify enriched frames are now findable.
npx claudepluginhub tokyo-megacorp/figma-differ --plugin figma-differCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.