AI Skills

Thirty-five matching diagram templates for AI agents, producing animated flowcharts and structure diagrams or static images.

• Diagramming
• Animation and motion

Ask your AI for a diagram and get an animated, interactive one, exported as a web page, image or video.

• Diagramming
• Software architecture design
• Frontend development
• +2

Turns Mermaid code into themed SVG, PNG and terminal text diagrams, rendered locally without a browser.

• Diagramming

A skill that has your AI agent draw flows, structures and data as clean, consistent diagrams in your own brand colors and fonts.

• Diagramming
• UI and web design

Describe what you want to understand or plan, and your AI turns it into an interactive diagram you can click and zoom.

• Diagramming
• Planning
• Frontend development
• +1

A set of six Skills that has AI turn prototypes, wireframes, plans and system diagrams into single web-page files you can open in a browser.

• Diagramming
• Frontend development

Lets your coding agent turn plain descriptions, codebases or infrastructure configs into editable draw.io architecture diagrams.

• Diagramming
• Software architecture design
• Code quality and comprehension