Figma Generate Diagram Prerequisite
Skill Verifiziert AktivMANDATORY 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.).
To ensure users correctly invoke the `generate_diagram` tool by validating diagram types, applying universal constraints, and routing to specific guidance, thereby improving the quality and accuracy of generated Figma diagrams.
Funktionen
- Acts as mandatory prerequisite for `generate_diagram`
- Routes requests to type-specific guidance
- Sets universal Mermaid constraints
- Identifies and rejects unsupported diagram types
- Guides hybrid workflow usage for advanced diagrams
Anwendungsfälle
- Use before every `generate_diagram` tool call
- Use when a user asks to create, generate, draw, or render a diagram
- Use when Mermaid syntax or specific diagram types (e.g., ERD, Gantt) are mentioned
- Use to determine if `generate_diagram` is the appropriate tool for the user's visualization request
Nicht-Ziele
- Directly generating diagrams
- Handling diagram rendering itself
- Providing diagram-specific editing functionality
- Supporting unsupported diagram types like mindmaps or pie charts
Workflow
- Load this skill.
- User requests diagram creation/generation.
- Skill determines diagram type and validity.
- If valid, route to type-specific guidance (e.g., architecture.md).
- If invalid or unsupported, inform user and skip tool call.
- Ensure universal Mermaid constraints are applied.
- Proceed to `generate_diagram` tool call with appropriate parameters.
Praktiken
- Diagram type validation
- Constraint enforcement
- User guidance
Voraussetzungen
- Claude Code agent environment
- Ability to call `generate_diagram` tool
Installation
/plugin install mcp-server-guide@figma-mcp-server-guideQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Sf Diagram Mermaid
99Salesforce architecture diagrams using Mermaid with ASCII fallback. TRIGGER when: user says "diagram", "visualize", "ERD", or asks for sequence diagrams, flowcharts, class diagrams, or architecture visualizations in Mermaid. DO NOT TRIGGER when: user wants PNG/SVG image output (use sf-diagram-nanobananapro), or asks about non-Salesforce systems.
Generate Project Plan
98Generiert ein FigJam-Projektplan-Board aus einem PRD plus Codebase-Kontext. Interaktiver Ablauf: Recherche → Abschnitte vorschlagen → tiefgehende Recherche pro Abschnitt → Vorschlag für Inhalt + Blockstruktur pro Abschnitt → FigJam erstellen → Skelett → füllen → Diagramme → abschließen. Jeder Inhaltsblock (Abschnitt, verschachtelter Abschnitt, Einführungsaufruf, Tabelle, mehrspaltiger Text, Sticky-Spalte, Diagrammabschnitt, Metadatenleiste) hat seine eigene Unterfertigkeits-Referenzdatei. Verwenden Sie dies, wenn der Benutzer nach 'Projektplan in FigJam', 'interaktiver Projektplan', '/generate-project-plan' fragt oder ein PRD bereitstellt und eine Bestätigung pro Abschnitt für Inhalt + Rendering wünscht.
Figma Create New File
98**Zwingende Voraussetzung** – Sie MÜSSEN diesen Skill VOR jedem Aufruf des `create_new_file`-Tools aufrufen. Rufen Sie NIEMALS `create_new_file` direkt auf, ohne zuerst diesen Skill zu laden. Auslösen, wann immer der Benutzer eine neue leere Figma-Datei wünscht – eine neue Design-, FigJam- oder Slides-Datei – oder wenn Sie eine neue Datei benötigen, bevor Sie `use_figma` aufrufen. Verwendung – `/figma-create-new-file [editorType] [fileName]` (z. B. `/figma-create-new-file figjam My Whiteboard`, `/figma-create-new-file slides Q3 Review)`
Azure Resource Visualizer
96Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. WHEN: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.
Figma Use Figjam
96Diese Fähigkeit hilft Agenten, das Figma MCP-Tool use_figma im FigJam-Kontext zu verwenden. Kann neben figma-use verwendet werden, das grundlegenden Kontext für die Verwendung des use_figma-Tools bietet.
C4 Architecture Skill
95Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize software structure, create C4 diagrams, or generate context/container/component/deployment diagrams. Triggers include "architecture diagram", "C4 diagram", "system context", "container diagram", "component diagram", "deployment diagram", "document architecture", "visualize architecture".