Summary
Routes Claude to the right constraints and type-specific guidance before calling the generate_diagram tool, which turns Mermaid syntax into editable FigJam diagrams. Covers six diagram types (flowcharts, sequence, state, ER, Gantt, architecture) and flags the unsupported ones so you don't waste a tool call on mindmaps or pie charts. The universal constraints section is dense and earned: no emojis, no HTML, reserved word collisions, and the fact that Gantt styling gets stripped during preprocessing. The hybrid workflow pattern (generate base diagram, then extend with use_figma for annotations or color coding) is smart when you need more than Mermaid can express. The garbage in, garbage out section is the real reason to load this: it pushes you to grep source code or ask clarifying questions instead of hallucinating edges.
Install to Claude Code
npx -y skills add figma/mcp-server-guide --skill figma-generate-diagram --agent claude-codeInstalls into .claude/skills of the current project.
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Files
SKILL.md
Select a file.
Featured
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
