20 Diagram Design alternatives
Diagram Design: Agent skill that draws 40+ editorial diagram types as self-contained HTML and SVG, matched to your brand, with no Mermaid look. 20 agent skills do similar work, most sharing UI Design, Architecture and Documentation, ranked by how much they have in common with Diagram Design.
-
by Aryan Utkarsh
Turn a short JSON spec into animated, explorable diagrams in 45 types, exported as HTML, SVG, PNG, GIF or MP4.
Also: Architecture, Diagrams, Documentation, SVG
-
by tt-a1i
Turns plain-language requirements or pasted Mermaid into validated architecture, workflow, sequence, data-flow and lifecycle diagrams as self-contained interactive HTML.
Also: Architecture, Diagrams, Documentation, SVG
-
by Ryan (wheresryan22)
Agent skill that explains a technical idea by drawing it as a detailed, interactive isometric machine in SVG, with optional WebGL shaders and a 3D mode.
Also: Diagrams, Open Source, SVG
-
by Agents365-ai
Generates .drawio XML from natural language — UML, ERD, BPMN, SysML, network and cloud topology — and exports PNG, SVG, PDF or JPG through the native draw.io desktop CLI.
Also: Architecture, Diagrams
-
by OpenAI
OpenAI's skill for repository-grounded threat modelling: derive trust boundaries, assets and attacker capabilities from the actual code, rank abuse paths by likelihood and impact, and write a reviewable Markdown threat model.
Also: Architecture, Documentation
-
by Google Labs (Stitch)
Google's official Stitch skill for distilling a project into a DESIGN.md — a semantic design system agents can read before they generate anything.
Also: Documentation, UI Design
-
by Graphify Labs
Claude Code skill that turns any folder of code, docs, papers and images into a queryable knowledge graph, with every edge tagged as extracted, inferred or ambiguous.
Also: Documentation, Open Source
-
by kaankiziltug
Agent skill that walks Claude and other coding agents from discovery brief to production-ready SVG logos, with audit tools and a 1,400+ logo reference library.
Also: SVG
-
by Twilio
Planning skill that interrogates your use case before any code is written, then recommends the right Twilio Conversations stack — ConversationRelay, Memory, Intelligence, Orchestrator, TaskRouter — and the implementation skills to follow.
Also: Architecture
-
by Microsoft
Microsoft's official skill that turns an agent into an Azure solution architect — 10 design principles, 6 architecture styles, 44 design patterns and a Well-Architected review workflow.
Also: Architecture
-
by Google
Google's official Well-Architected Framework skill for the security pillar — turns an architecture review into a structured interview, gap analysis and prioritised recommendations.
Also: Architecture
-
by Flutter
The Flutter team's official skill for structuring an app in the recommended UI / Logic / Data layers, with MVVM view-models and the repository pattern.
Also: Architecture
-
by Google Labs (Stitch)
Google's official Stitch skill for generating and editing UI screens from text or images — with a mandatory prompt-enhancement pipeline before every call.
Also: UI Design
-
by Ferousco-dev
Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
Also: UI Design
-
by oil-oil
Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.
Also: UI Design
-
by Google Labs (Stitch)
Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic.
Also: UI Design
-
by Google Labs (Stitch)
Google's official Stitch skill for autonomous multi-page site building — a baton file carries the next task from one agent iteration to the next.
Also: UI Design
-
by Google Labs (Stitch)
Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.
Also: UI Design
-
by Vercel
Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings.
Also: UI Design
-
by Anthropic
Apply official brand colors and typography to any artifact that benefits from a consistent, on-brand look and feel.
Also: UI Design
