100 tagged diagram, measured the same way as everything else here.
Browse within: whiteboard 30sketch 28canvas 27drawing 27infinite 27excalidraw 21animation 18gif 17architecture 12visualization 12mermaid 11drawio 9agent-skill 6bom 6
Skill Claude CodeCodex
This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…
Skill Claude CodeCodex
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends an AI agent's capabilities with specialized knowledge, workflows, or tool integrations.
Skill Claude CodeCodex
Migrate a project to a newer version of the tldraw SDK. Use when upgrading tldraw packages, fixing TypeScript errors after a tldraw upgrade, or when the user mentions tldraw migration.
Skill Claude CodeCodex
Create, edit, synchronize, inspect, test, and publish editable draw.io diagrams. Use when the user explicitly requests draw.io/diagrams.net, needs a polished architecture, ERD, UML, sequence, C4, SysML, BPMN, network, swimlane, ML, or infrastructure diagram, wants code/IaC/SQL/OpenAPI converted into a diagram, or…
Skill Claude CodeCodex
Use this skill when you need to draw diagrams including: Flowchart, Sequence Diagram, Class Diagram, State Diagram, ER Diagram, User Journey, Gantt Chart, Pie Chart, Quadrant Chart, Requirement Diagram, Gitgraph, Mindmap, Timeline, Sankey, XY Chart (Bar/Line), Block Diagram, Packet Diagram, Kanban, Architecture…
Skill Claude CodeCodex
Create premium hand-drawn architecture, workflow, and swimlane diagrams in a dark neon or light paper style, with editable Excalidraw sources, PNG/SVG previews, animated GIF/MP4 output, and interactive HTML. Use whenever the user asks for 岚叔动态架构图、手绘架构图、Excalidraw 风格图、DailyDoseOfDS 风格技术图、动态流程图、泳道图、系统可视化，或希望复刻并提升参考架构图。.
Skill Claude CodeCodex
Create architecture diagrams from a local codebase or system description. Use when the user asks to diagram a repo, map system architecture, show component relationships, create drill-down views, or explain a system visually with tld.
Skill Claude CodeCodex
Generate Mermaid diagrams (.mmd) and export to PNG/SVG/PDF using mmdc CLI or Kroki API. USE THIS SKILL when user mentions diagram, flowchart, sequence diagram, class diagram, ER diagram, state machine, architecture, visualize, git graph, 画图, 架构图, 流程图, 时序图, 类图, ER图, 甘特图, 状态机. PROACTIVELY USE when explaining ANY system…
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .excalidraw files and exports to PNG/SVG via Kroki API or locally using…
wentong2022-arch/flowforge-skill
Skill Claude CodeCodex
TRIGGER when: user asks to draw, illustrate, or visualize any process, structure, or concept — "画个流程图", "draw an architecture diagram", "帮我画个对比图", "visualize this process", "make a diagram for this doc", or mentions 流程图/架构图/示意图/对比图/时序图/泳道图/时间线. Also trigger when user provides a document/article and asks for…
Skill Claude CodeCodex
An academic-diagram skill for creating research-paper figures as TikZ/LaTeX code or draw.io XML. TikZ is code that embeds precisely into LaTeX papers, while draw.io XML creates diagrams editable in the draw.io app.
Skill Claude CodeCodex
An engineering guide for writing TikZ diagrams in LaTeX, a document system often used for technical and academic writing. It recommends relative positioning and layout rules so diagrams remain aligned when edited.
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.
Skill Claude CodeCodex
Use this skill when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. Trigger words: "draw", "diagram", "flowchart", "architecture", "UML", "sequence diagram", "mindmap", "ER diagram", "network topology", "visualize", "draw.io"…
Skill Claude CodeCodex
Generate interior design planning artifacts, 2D SVG floorplans, BOM outputs, analysis boards, and renovation image sets from structured requirements. Use for staged interior-design work that moves through plan, 2D drafting, BOM, and image outputs.
Skill Claude CodeCodex
Generate, edit, validate, and bundle draw.io or diagrams.net diagrams in XML form. Use for new diagrams, local XML edits, shape-library diagrams, truncated XML continuation, and local image export.
Skill Claude CodeCodex
Generate PPT templates, full presentation slide sets, and export deliverables. Use for template-only requests, full presentation generation from idea or outline, and PPT delivery in PDF or image-based PPT form.
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rendering/extracting PlantUML embedded in a Markdown file to images (e.g. preparing docs for…
Skill Claude CodeCodex
Comprehensive animation recipe book for the Excalimate MCP server. Use when adding keyframe animations to Excalidraw diagrams — covers fade-in reveals, slide-in movements, pop-in scale effects, arrow draw-on strokes, camera pan/zoom, staggered multi-element sequences, and timing/easing selection. Essential for…
Skill Claude CodeCodex
Create professional software architecture diagrams with animated reveals using the Excalimate MCP server. Use when asked to visualize system architecture, microservices, cloud infrastructure, API gateways, service meshes, layered architectures, or any system design — even if the user doesn't explicitly say…
Skill Claude CodeCodex
Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.
MiaoQichuan/new-litigation-visualization
Skill Claude CodeCodex
Redraw a litigation diagram into a restrained, court-ready presentation graphic (SVG + PNG) WITHOUT changing any text or legal meaning. Use this whenever the user supplies a case timeline, a legal process flowchart, OR a party/relationship diagram and wants it cleaned up, beautified, redrawn, made professional…
MiaoQichuan/new-litigation-visualization
Skill Claude CodeCodex
Turn raw case materials into a faithful, court-ready case timeline (SVG + PNG + PPTX + VSDX + drawio, plus a traceability index in Word). Use this whenever the user hands over litigation materials — a judgment, complaint, defence, evidence list, contract, bank or Alipay statement, WeChat screenshots, scanned exhibits…
Skill Claude CodeCodex
AUTOSAR SWC expert. Defaults to Classic AUTOSAR (SWCs, RTE, ARXML, C) and operates in five modes: (1) Component design — decompose a feature into SWC types, define port interfaces, specify runnables and ExclusiveAreas, produce a plain-text composition diagram; (2) Interface definition — SenderReceiver / ClientServer /…