CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-generate-diagram

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or entity-relationship diagram, state diagram or state machine, gantt chart, or timeline. Also trigger when the user mentions Mermaid syntax or wants a system architecture, decision tree, dependency graph, API call flow, auth handshake, schema, or pipeline visualized in FigJam. Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely (mindmaps, pie charts, class diagrams, etc.).

88

1.51x
Quality

83%

Does it follow best practices?

Impact

97%

1.51x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

86%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

An exemplary router-style skill: concrete, dense, and immediately actionable, with a well-sequenced workflow that includes genuine failure-recovery loops and a textbook progressive-disclosure structure verified against the actual bundle. Only minor trims (duplicated mandate, slightly discursive Step 4) and the missing tool-error handling path keep it from full marks.

DimensionReasoningScore

Conciseness

The body is dense and imperative with essentially no background exposition — no explanation of what Mermaid or FigJam is, no filler — and concrete micro-examples like 'A["Process (main)"]' and '-->|"O(1) lookup"|' earn their tokens. Not 5: the opening mandate line duplicates the frontmatter description, and Step 4's framing ('The quality of the generated diagram is bounded by…') is mildly essayistic and could be tightened.

4 / 5

Actionability

Fully actionable instruction-only guidance: exact supported-type list, exact unsupported list with the correct response ('tell them directly… instead of calling the tool and failing'), a first-match routing table linking each type to its reference file, universal constraints with concrete syntax examples, the tool's exact parameters with conditions ('only for architecture diagrams', 'fileKey' extraction from a 'figma.com/board/{fileKey}/…' URL), and even the exact FigJam error string quoted. Nothing is left as vague direction.

5 / 5

Workflow Clarity

A clean 7-step sequence with explicit decision logic at each fork ('use the first match', 'When in doubt, ask the user') and real feedback loops — the 2-attempt dissatisfaction stop rule, escalation to manual Figma editing, and the hybrid-workflow decision criteria with for/against signals. Not 5: there is no guidance for handling a failed or erroring generate_diagram call itself (recovery is preventive via constraints, not reactive), which is a minor validation gap.

4 / 5

Progressive Disclosure

The SKILL.md body is a pure router/overview: per-type detail is split into seven reference files (architecture, flowchart, sequence, erd, state, gantt, workflow — all verified to exist in references/), each referenced one level deep via clearly signaled links in the routing table and inline ('Read references/workflow.md before calling generate_diagram'), with cross-skill pointers to figma-use-figjam kept distinct from bundle references. Easy to navigate with nothing inlined that belongs in a separate file.

5 / 5

Total

18

/

20

Passed

Description

81%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A highly effective trigger description with comprehensive, natural keyword coverage and a distinct FigJam/Mermaid niche. Its weaknesses are the indirect statement of the underlying capability and a second-person slip ('tells you when…') that costs it specificity under the voice guideline.

Suggestions

State the core capability explicitly in third person, e.g. 'Generates editable FigJam diagrams from Mermaid.js via the generate_diagram tool' before the routing/constraint clauses.

Rewrite second-person phrasing ('tells you when to use a different diagram type') as third person ('identifies diagram types the tool does not support').

Trim the redundant double preamble — 'MANDATORY prerequisite — load this skill BEFORE' and 'NEVER call generate_diagram directly without loading this skill first' say the same thing; one suffices.

DimensionReasoningScore

Specificity

The description names several concrete actions — 'Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely' — which fits anchor 4, but the voice slips into second person ('tells you when to use'), which the guidelines penalize by one point, and the core capability (Mermaid → editable FigJam diagram) is only implied via the tool name rather than stated. Not anchor 2: the domain and multiple concrete actions are named; not a clean 5: the 'what' describes routing/constraints rather than the underlying outcome.

3 / 5

Completeness

Both 'what' and 'when' are explicitly present: 'when' is maximally concrete ('Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram…'), while 'what' is present but slightly indirect — it describes routing/constraint-setting rather than stating the skill's outcome (generating editable FigJam diagrams from Mermaid). Not 3 because 'when' guidance is far from weak; not 5 because the 'what' clause could state the underlying capability explicitly.

4 / 5

Trigger Term Quality

Near-exhaustive natural trigger coverage: 'create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or entity-relationship diagram, state diagram or state machine, gantt chart, or timeline', plus 'Mermaid syntax', 'decision tree, dependency graph, API call flow, auth handshake, schema, or pipeline visualized in FigJam'. Both verbs users say and every diagram-type synonym are present; nothing natural is obviously missing.

5 / 5

Distinctiveness Conflict Risk

A clear niche anchored by unambiguous tokens: '`generate_diagram` tool call', 'Mermaid syntax', 'visualized in FigJam', plus specific unsupported exclusions ('mindmaps, pie charts, class diagrams'). It would not reasonably fire for non-FigJam or non-diagram skills.

5 / 5

Total

17

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 2 suspicious

Warning

Total

15

/

16

Passed

Repository
figma/mcp-server-guide
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.