Skip to content
mcp/skillhub

Agent Skill

Understand Figma skill

understand-figmaEgonex-AI/Understand-Anythingunderstand-anything-plugin/skills/understand-figma/SKILL.md

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.

88kMIT

always on

47 tokname + description

once used

1,019 tokSKILL.md body

bundled files

22 scripts

repo stars

88kGitHub

Install the Understand Figma skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/Egonex-AI/Understand-Anything --skill understand-figma

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/Egonex-AI/Understand-Anything.git /tmp/Understand-Anything
mkdir -p ~/.claude/skills
cp -R /tmp/Understand-Anything/understand-anything-plugin/skills/understand-figma ~/.claude/skills/understand-figma

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description47 tok
When the agent uses itThe SKILL.md instructions1,019 tok
Only if opened2 bundled files (6 KB)varies

Until it is used, understand-figma costs about 29× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 9 skills from Egonex-AI/Understand-Anything would load 252 tokens of descriptions. Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • /understand-figma
  • Prerequisites
  • Phase 0 — Pre-flight
  • Phase 1 — FETCH & PARSE (deterministic)
  • Phase 2 — ANALYZE (LLM enrichment)
  • Phase 3 — MERGE
  • Phase 4 — SAVE & LAUNCH

More skills from Egonex-AI/Understand-Anything

All skills in this repo
  1. understandEgonex-AI/Understand-Anything

    Analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and relationships

    88k1321 tok idle · 14,143 in use
  2. understand-chatEgonex-AI/Understand-Anything

    Use when you need to ask questions about a codebase or understand code using a knowledge graph

    88k22 tok idle · 1,081 in use
  3. understand-dashboardEgonex-AI/Understand-Anything

    Launch the interactive web dashboard to visualize a codebase's knowledge graph

    88k17 tok idle · 1,920 in use
  4. understand-diffEgonex-AI/Understand-Anything

    Use when you need to analyze git diffs or pull requests to understand what changed, affected components, and risks

    88k27 tok idle · 1,328 in use
  5. understand-domainEgonex-AI/Understand-Anything

    Extract business domain knowledge from a codebase and generate an interactive domain flow graph. Works standalone (lightweight scan) or derives from an existing /understand knowledge graph.

    88k138 tok idle · 2,367 in use
  6. understand-explainEgonex-AI/Understand-Anything

    Use when you need a deep-dive explanation of a specific file, function, or module in the codebase

    88k27 tok idle · 1,152 in use
  7. understand-knowledgeEgonex-AI/Understand-Anything

    Analyze a Karpathy-pattern LLM wiki knowledge base and generate an interactive knowledge graph with entity extraction, implicit relationships, and topic clustering.

    88k232 tok idle · 1,443 in use
  8. understand-onboardEgonex-AI/Understand-Anything

    Use when you need to generate an onboarding guide for new team members joining a project

    88k21 tok idle · 1,137 in use