Generate FigJam diagrams for user flows, system architectures, and process maps.
npx skills add https://github.com/IainMcl/dotfiles --skill diagram-iainmcl
Please help me install this Agent Skill. Skill: diagram Source: https://github.com/IainMcl/dotfiles/tree/main/claude/skills/diagram Command: npx skills add https://github.com/IainMcl/dotfiles --skill diagram-iainmcl
This Skill automates the creation of diagrams for documentation and flow mapping, simplifying complex information into easily understandable visuals.
Use the diagram skill to create a user flow diagram for a login process.
High-intent search queries and answers about installing and using this skill.
You can generate a FigJam diagram for documentation by using this Skill to automate user flows, system architectures, and process maps. It leverages the Figma MCP to output visuals adhering to FigJam conventions for clarity and readability.
The best way to create a process map in FigJam is to use this Skill, which automates flow mapping and visualizes processes. It uses the Figma MCP to ensure the output follows standard FigJam conventions for maximum readability.
No, you cannot use this for UI design tasks. The Skill explicitly avoids UI design and instead focuses on generating documentation visuals like user flows, system architectures, and brainstorming ideation boards using the Figma MCP.
Yes, the diagram Skill supports brainstorming and ideation boards. It facilitates ideation sessions by generating visual boards within FigJam, helping you simplify complex information into easily understandable visuals.
You can automate various diagram types for system architecture documentation, including user flows, system architectures, and process maps. The Skill uses the Figma MCP to map out complex processes and user journeys visually.
The main limitation when creating flowcharts for user journeys is that the Skill adheres strictly to FigJam conventions and avoids UI design tasks. It focuses solely on flow mapping, system architectures, and process maps for documentation purposes.
sunLeeeTransform PRDs into technical specifications with API definitions, data models, and sequence diagrams.
figmaCreate FigJam project plan boards from a PRD and codebase context.
figmaTranslate Figma designs into UI code using design tokens and existing components.
mattmacleod16-svgTranslate Figma designs into UI code with design tokens.
