Figma Generate Diagram Prerequisite
技能 已验证 活跃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.).
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.
功能
- 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
使用场景
- 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
非目标
- Directly generating diagrams
- Handling diagram rendering itself
- Providing diagram-specific editing functionality
- Supporting unsupported diagram types like mindmaps or pie charts
工作流
- 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.
实践
- Diagram type validation
- Constraint enforcement
- User guidance
先决条件
- Claude Code agent environment
- Ability to call `generate_diagram` tool
安装
/plugin install mcp-server-guide@figma-mcp-server-guide质量评分
已验证类似扩展
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
98从 PRD 和代码库上下文生成 FigJam 项目计划板。交互式流程：研究 → 提出各部分 → 各部分深入研究 → 各部分内容 + 块形状建议 → 创建 FigJam → 骨架 → 填充 → 图表 → 收尾。每个内容块（部分、嵌套部分、介绍性标注、表格、多列文本、粘滞列、图表部分、元数据条）都有自己的子技能参考文件。在用户要求“在 FigJam 中创建项目计划”、“交互式项目计划”、“/generate-project-plan”或提供 PRD 并希望逐部分确认内容 + 渲染时使用。
Figma Create New File
98**强制性先决条件** — 在每次调用 `create_new_file` 工具之前，您必须调用此技能。切勿在未先加载此技能的情况下直接调用 `create_new_file`。每当用户想要一个空白的 Figma 文件时（新设计、FigJam 或 Slides 文件），或者在调用 `use_figma` 之前需要一个新文件时，请触发此操作。用法 — /figma-create-new-file [editorType] [fileName] （例如 /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
96此技能可帮助代理在 FigJam 上下文中 OOD 使用 Figma 的 use_figma MCP 工具。它可以与具有使用 use_figma 工具的基础知识的 figma-use 一起使用。
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".