Skip to content

20 Draw.io Diagrams alternatives

Draw.io Diagrams: 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. 20 agent skills do similar work, most sharing Architecture and Diagrams, ranked by how much they have in common with Draw.io Diagrams.

Back to Draw.io Diagrams

  1. 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

  2. by Cathryn Lavery

    Agent skill that draws 40+ editorial diagram types as self-contained HTML and SVG, matched to your brand, with no Mermaid look.

    Also: Architecture, Diagrams

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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 in Design & Creative

  11. by fal.ai community

    Foundational fal.ai skill that drives the genmedia CLI across 1200+ hosted generative model endpoints — smart routing, schema inspection, async queues and agent-parseable JSON.

    Also in Design & Creative

  12. by GreenSock

    GreenSock's official ScrollTrigger skill — scroll-linked animation, pinning, scrub and trigger positioning, with the exact start/end syntax agents get wrong.

    Also in Design & Creative

  13. by Vincent Wei

    Turns Claude Code or Codex into a motion-design studio for cinematic Remotion product videos.

    Also in Design & Creative

  14. by Ferousco-dev

    Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.

    Also in Design & Creative

  15. by juliobsz

    Two agent skills: /awwwards builds award-caliber websites from one line, and /jury scores any site the way an Awwwards jury would.

    Also in Design & Creative

  16. by alchaincyf

    Agent skill that makes product launch films: it reads your product, offers three directions, scripts and scores the film, then lets you point at a frame to change it.

    Also in Design & Creative

  17. by EL4CTEO

    22 agent skills covering the Blender 5.2 pipeline: modeling, UVs, PBR, baking, rigging, animation, optimization, export and QA.

    Also in Design & Creative

  18. by Airsup

    Describe any machine in one line and Claude builds an interactive, physics-based 3D simulation in one HTML file, plus a film.

    Also in Design & Creative

  19. by Fatih Aydost

    Claude Code skill that designs a brand as one system: logo, typography and palette from a single idea, tested for contrast and legibility, delivered as a guidelines kit.

    Also in Design & Creative

  20. by oil-oil

    Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.

    Also in Design & Creative