Video & Motion
ManimGX
Create mathematical explanations and 3D animations in Python, inspect their layout and timing, and export MP4 videos with editable scene source.
2.7KStars190Forks
Repository last pushed
Academa Labs
Diagram (Mermaid, Excalidraw) Skills for Claude Code, Codex & AI Agents
These skills help an agent turn structure into a diagram that people can inspect. Members cover Mermaid, Excalidraw, JSON Canvas, architecture graphs, flowcharts, annotation tools, and dashboards.
30 skillsStart here
Free
Images
Fireworks Tech Graph
Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.
12KStars936Forks
Repository last pushed
yizhiyanhua-ai
Free
Productivity & automation
Plannotator — Annotate Last Response
Open Plannotator on the latest rendered assistant message and use the returned annotations to revise that message or continue.
10.1KStars766Forks
Repository last pushed
backnotprop
Transform text content into professional Mermaid diagrams for presentations and documentation.
5.5KStars613Forks
Repository last pushed
Explore Diagram (Mermaid, Excalidraw) skills
26 skills
Free
Images
SeeCode Diagrams
Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.
934Stars68Forks
Repository last pushed
Aryan Utkarsh
Create Mermaid diagrams and design documents from requirements or source code using focused reference guides.
184Stars24Forks
Repository last pushed
Free
Web & UI
Archify: Diagram Creation
Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.
95.8KStars6.5KForks
Repository last pushed
tt-a1i
Two workflows for visual UI feedback: connect the Agentation toolbar to a React or Next.js project, then add specific design-review annotations in a visible desktop browser.
5.4KStars430Forks
Repository last pushed
Free
Images
Diagram Design
Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.
66.6KStars4.4KForks
Repository last pushed
Cathryn Lavery
Create patent-style flowcharts and block diagrams with reference numbers.
211Stars34Forks
Repository last pushed
Free
Web & UI
Visual Explainer
Turn systems, code changes and plans into visual HTML pages, diagrams and slide decks.
11KStars697Forks
Repository last pushed
Nico Bailon
Free
Research & data
Understand Anything: Business Domain Graph
Extract business concepts and workflows into an interactive domain flow graph.
92.3KStars7.9KForks
Repository last pushed
Egonex-AI
Create an HTML flowchart with process nodes, decisions and connectors.
694Stars98Forks
Repository last pushed
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections.
5.5KStars613Forks
Repository last pushed
Trace real triggers, call chains, payloads and state changes into compact ASCII flow diagrams.
24.6KStars2.1KForks
Repository last pushed
Create an HTML architecture overview with SVG data flows and deployment context.
694Stars98Forks
Repository last pushed
Free
Images
Pretty Mermaid Skills
Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.
1.6KStars78Forks
Repository last pushed
imxv
Create and refine Mermaid diagrams with a live browser preview and export through an MCP server.
221Stars26Forks
Repository last pushed
Free
Images
Infographic Creator
Transform source material into an infographic using selectable layouts and visual styles.
27.5KStars3KForks
Repository last pushed
Jim Liu (宝玉)
Free
Productivity & automation
Plannotator — Annotate Artifacts
Open Plannotator's annotation UI for a markdown file, plain-text config file (.yaml, .json, .toml, .ini, .csv, .log, …), HTML file, URL, or folder and then respond to the returned annotations.
10.1KStars766Forks
Repository last pushed
backnotprop
Free
Images
Draw.io Diagrams
Create editable draw.io diagrams from descriptions, code, infrastructure, and data schemas.
10.7KStars734Forks
Repository last pushed
Agents365-ai
Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.
5.4KStars430Forks
Repository last pushed
SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context.
670Stars44Forks
Repository last pushed
Free
Testing & security
Plannotator — Plannotator Reference
Use Plannotator for plan and code review, artifact annotations, archived decisions and asynchronous feedback.
10.1KStars766Forks
Repository last pushed
backnotprop
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "diagram", "standard excalidraw", "animate".
5.5KStars613Forks
Repository last pushed
Explain a technical topic with a concise diagram, code sketch or focused HTML artifact.
5.7KStars204Forks
Repository last pushed
Free
Documents
Claude-Mem Architecture Pathfinder
Map feature flows, identify repeated concerns, and propose a unified architecture with source-linked handoff prompts.
116.9KStars10.1KForks
Repository last pushed
Alex Newman (thedotmack)
Free
Web & UI
Plannotator — Visual Explanations
Generate self-contained HTML visualizations with Plannotator theming.
10.1KStars766Forks
Repository last pushed
backnotprop
Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.
5.4KStars430Forks
Repository last pushed
Create visual HTML articles, interfaces, images, motion videos and narrated web presentations, or retrieve local knowledge.
15KStars1.7KForks
Repository last pushed
Related topics
How to choose Diagram (Mermaid, Excalidraw) skills
Use Mermaid for text-defined diagrams, Excalidraw or Canvas for freeform explanation, and architecture or graph entries when relationships are the subject.
- Draw an architecture diagram from a codebase
- Convert a process into a Mermaid flowchart
- Annotate a plan or visual artifact