Agent Skills

Agent Canvas

agent-canvas

Create and manipulate TLDraw whiteboard shapes, diagrams, and visual playbooks from the CLI to help agents visually communicate designs, incident timelines, and

Draw.io Diagrams

drawio-skill

Generate professional draw.io (.drawio) diagrams from natural language and export to PNG/SVG/PDF using the draw.io desktop CLI.

Mermaid Diagrams

claude-plugins

Generate flowcharts, sequence diagrams, ERDs and other visuals from text using the Mermaid CLI (mmdc).

Nereid (Mermaid Collaboration)

Nereid — Mermaid Collaboration

Live collaborative Mermaid diagram editing and exploration over MCP (TUI) with explicit attention controls and AST-first probe/refine workflows.

PaperBanana — Academic Illustration Generator

paperbanana-skill

Generate publication-quality methodology diagrams, statistical plots, and presentation slides using a multi-agent pipeline and configurable VLM/image providers.

C4 Architecture Model

paivot-graph

Maintain a machine-checkable C4 architecture model (Structurizr DSL) alongside ARCHITECTURE.md to enforce boundaries, generate diagrams, and ensure architecture

OMM Architecture Viewer

oh-my-mermaid

Start a local interactive web viewer to explore .omm architecture diagrams and navigate codebase structure in the browser.

Pretty Mermaid

pretty-mermaid-skills

Render Mermaid diagrams to polished SVG or terminal-friendly ASCII with multiple themes and batch processing.

C4 Component Level

awesome-skills-cn

Synthesize code-level documentation into C4 component-level architecture: define component boundaries, interfaces, diagrams, and documentation templates for sys

Scientific Schematics & Diagrams

claude-code-templates

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Agent Hierarchy Diagram

claude-skill-registry

Generate visual hierarchy diagrams (ASCII, Mermaid, GraphML) that show agent roles, levels, and delegation for documentation and onboarding.

Plotly Chart Generator

comeonoliver

Generates Plotly charts and production-ready code for visualizations; validates outputs and follows best practices for charts and presentations.

C4 Architecture Documentation

antigravity-awesome-skills

Automated C4 architecture documentation workflow: bottom-up code analysis to generate code, component, container, and context docs with diagrams and API specs.

Popa Sketchnote Illustrator

agents-in-a-box

Generates intricate, hand-drawn sketchnote illustrations featuring 'Popa' for technical and product explainers.

Decisions Visual Planning

decisionsai

Orchestrates technical planning and review by routing work to the most appropriate visual surface, including Mermaid, visual-plan, and Open Design.