AI Agent Skill: Create 45 Types of Editorial Diagrams

AI Agent Skill: Create 45 Types of Editorial Diagrams

This AI Agent Skill allows users to create animated, explorable editorial diagrams across 45 different types. These diagrams can be generated as standalone HTML from a concise JSON specification.

What this skill does

The skill enables users to:

• Create diagrams such as architecture, flowcharts, sequence charts, state diagrams, ER diagrams, database schemas, UML class diagrams, swimlane diagrams, timelines, Gantt charts, journey maps, decision trees, organization charts, nested diagrams, Venn diagrams, quadrant charts, fishbone diagrams, Wardley maps, bar charts, line charts, scatter plots, Sankey diagrams, treemaps, heatmaps, 3D isometric objects, floor plans, and exploded views.
• Construct these diagrams from a short JSON specification that drives layout, styling, motion, checks, and exports.
• Export diagrams in various formats such as PNG, JPEG, SVG, GIF, and MP4.
• Convert input from formats like Mermaid, Graphviz/DOT, PlantUML, D2, draw.io, Excalidraw, SQL, or CSV into clean, visual diagrams.

Who it is for

This skill is suited for developers and teams utilizing AI coding agents like Claude Code, Cursor, and Codex. It is ideal for those involved in creating visual representations of systems, codebases, workflows, process maps, API sequences, hierarchies, data models, or physical objects.

Use cases

• Visualizing complex system architectures and workflows.
• Converting source diagrams or data sets into enhanced visual formats.
• Creating diagrams for reports, presentations, and technical documentation.
• Planning projects, resources, and budgets with timelines, Gantt charts, and other visualization tools.

Technical details

This skill utilizes the SeeCode tool, specifically through commands executed via `node /scripts/seecode.mjs`. Users write a compact JSON spec; the system handles all complex aspects of diagram creation. Configuration settings allow for alterations on a global or project scale, supporting default or custom branding.

Source & Licence

This package is built on open-source work published by Aryanutkarsh (Aryanutkarsh/SeeCode) and distributed under MIT. The original licence text and copyright notice are included in your download.

Personal and commercial use, modification and redistribution are permitted, provided the original copyright and licence notice are retained.

Your purchase covers curation, licence verification, packaging, documentation and instant delivery. It does not grant exclusive rights to the underlying open-source code, which remains available under its original licence.

Delivery & Support

• Delivery: instant — a secure download link is emailed to you as soon as payment is confirmed.
• Format: ZIP archive containing the skill files, documentation and the original licence.
• Support: support@mcpcart.com — we aim to reply within 2 business days.
• Updates: updates are included only where stated on this page.

Refunds

This is a digital product delivered immediately after purchase. By completing your order you request immediate delivery and acknowledge that, once the download has been accessed, the statutory right to cancel no longer applies to the extent permitted by law. Refund requests are handled in accordance with our published Refund Policy.

Claude, Codex, Gemini and Cursor are trademarks of their respective owners. MCP Cart is an independent marketplace and is not affiliated with, endorsed by, or sponsored by any of them. Compatibility references describe interoperability only.