“diagrams”

Generate visual flow diagrams, architecture diagrams, and system maps as SVG/PNG.

Use when the user asks for a diagram, flowchart, sequence diagram, state machine, or entity-relationship diagram, or when a system, request flow, process, or…

Draw a software architecture, system, data-model or call-flow diagram as D2 text laid out by TALA (D2's whiteboard-style engine, open source since D2 0.9)…

Creates legible diagrams from D2 source (flows, architectures, sequences, decision paths) and checks they stay readable at their final size.

Use when working with .drawio diagrams — creating new architecture diagrams from scratch, cleaning up layout, analyzing positioning, fixing alignment or…

Create and improve source-grounded scientific SVG diagrams and animated worked examples.

Generate Mermaid diagrams from your codebase.

Turn an explicitly requested idea, question, plan, or codebase into an interactive diagram.

Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions.

为 Markdown 和技术文档选择、编写、审视并离线编译验证 Mermaid 图。当前任务涉及流程、时序、状态、依赖或数据关系，且图比文字或表格更利于理解和评审时使用；不用于装饰文档或替代本应精确定义的契约。

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing…

構成図・アーキテクチャ図・エージェント構成・処理の流れを「動く画像」にして、X（Twitter）などに貼れる MP4 と GIF で書き出すスキル。ノードが順に現れ、線が引かれ、光の粒がエッジを流れ、いま動いている部分だけが光り、下に字幕がタイプされ、最後に全体が同時に動いてループする。箇条書きのツリー（「>…

Create and revise editable `.excalidraw` diagrams as Excalidraw JSON for architecture diagrams, flowcharts, sequence diagrams, concept maps, and other…

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone…

This skill should be used when the user asks to "plan a workflow", "diagram an agent system", "visualize an architecture", "map out a pipeline", "create a…

Generates Excalidraw architecture diagrams from natural language.

Improve Archify diagram accuracy, visual quality and complete authoring speed with fewer repairs.

Router for creative artifact generation — CVs, web pages, explainers, videos, generative art, diagrams.

Use when turning content into clear strategy-consulting visualizations, including board slides, reports, diagrams, quiet animated decks, or explicit dynamic…

Draw a system as a validated, self-contained interactive HTML diagram — architecture, workflow, sequence, data-flow, or lifecycle/state — with dark/light…

Create precise SVG technical diagrams, export PNG or offline HTML, and animate supported semantic SVGs to GIF.

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light…

Build high-quality, animated, professional web pages that VISUALIZE software architecture, system design, data models, or a product idea — using Three.js (3D)…

Validate Mermaid diagrams in Markdown, MDX, HTML, and standalone Mermaid files using Mermaid's own parser.