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.).

94

1.51x
Quality

92%

Does it follow best practices?

Impact

97%

1.51x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is figma-generate-diagram in figma/mcp-server-guide

SKILL.md
Quality
Evals
Security

Quality

Content

85%Scale 1-3

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

This is a strong, well-architected skill that serves as an effective routing layer for diagram generation. Its workflow is clearly sequenced, references are well-organized, and constraints are specific and actionable. The main weakness is verbosity in Steps 4 and 7, where guidance on gathering context and file reuse could be significantly tightened without losing clarity.

Suggestions

Condense Step 4 ('Garbage in, garbage out') to ~3-4 bullet points — Claude already knows how to gather context from available tools, code, and users; a brief reminder to verify information before diagramming suffices.

Tighten Step 7's file-reuse section; the explanation of how fileKey works and the side-by-side vs replace decision could be reduced to a compact list.

DimensionReasoningScore

Conciseness

The skill is mostly efficient and well-structured, but Step 4 ('Garbage in, garbage out') is notably verbose with extensive enumeration of context sources that Claude already understands (reading source code, asking users clarifying questions, using available tools). This section could be cut significantly. Step 7's file-reuse guidance is also somewhat wordy.

2 / 3

Actionability

The skill provides highly concrete, actionable guidance: specific parameter names for the tool call, exact node ID conventions (camelCase), specific error messages to expect, precise routing table for diagram types, and clear examples of label quoting syntax like `A["Process (main)"]`. The constraints are copy-paste ready and unambiguous.

3 / 3

Workflow Clarity

The 7-step workflow is clearly sequenced with explicit decision points (Step 1: should you use the tool at all? Step 2: which type? Step 5: hybrid needed?). Validation is addressed through the 2-attempt cap with explicit fallback guidance, and the hybrid workflow has clear signals for when to deploy vs skip. Feedback loops are present (iterate with fileKey, ask user preferences).

3 / 3

Progressive Disclosure

Excellent progressive disclosure: the SKILL.md serves as a clear routing overview with well-signaled one-level-deep references to type-specific guides (architecture.md, flowchart.md, sequence.md, erd.md, state.md, gantt.md, workflow.md). Each reference is contextually placed at the exact decision point where it's needed, and paths are consistently formatted as relative links.

3 / 3

Total

11

/

12

Passed

Description

100%Scale 1-3

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

This is a strong, well-crafted skill description that excels across all dimensions. It provides comprehensive trigger terms covering both user-facing language and technical terminology, clearly delineates what the skill does and when to use it, and carves out a distinct niche around Mermaid diagram generation. The only minor concern is the imperative/instructional tone ('MANDATORY prerequisite', 'NEVER call') which reads more like system instructions than a neutral description, but this doesn't significantly harm its effectiveness for skill selection.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'load this skill BEFORE every generate_diagram tool call', 'Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely'. Also enumerates specific diagram types (flowchart, architecture diagram, sequence diagram, ERD, state diagram, gantt chart, timeline).

3 / 3

Completeness

Clearly answers both 'what' (routes to type-specific guidance, sets Mermaid constraints, advises on diagram type selection) and 'when' (explicit trigger clause: 'Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram' with extensive enumeration of diagram types and scenarios).

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms users would say: 'create, generate, draw, render, sketch, or build a diagram', plus specific diagram types (flowchart, ERD, entity-relationship diagram, sequence diagram, state machine, gantt chart, timeline), and additional terms like 'Mermaid syntax', 'system architecture', 'decision tree', 'dependency graph', 'API call flow', 'auth handshake', 'schema', 'pipeline', 'FigJam'.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche: Mermaid diagram generation via the generate_diagram tool in FigJam. The specific tool name, diagram types, and Mermaid syntax references make it very unlikely to conflict with other skills. It even clarifies what it doesn't handle (mindmaps, pie charts, class diagrams).

3 / 3

Total

12

/

12

Passed

Validation

100%

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

Validation — 11 / 11 Passed

Validation for skill structure

No warnings or errors.

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.