Open-source Diagram Design skill adds 3D support

X postCathryn LaveryAnnouncement

Cathryn Lavery has announced an update to the open-source Diagram Design skill, adding 3D visualisations such as exploded views, floor plans, and site plans across up to 44 diagram types.

Key points

  1. Diagram Design skill introduces 3D rendering capabilities.
  2. Supports specialised formats including exploded views, floor plans, and site plans.
  3. Offers coverage for up to 44 distinct diagram types.
  4. Available under an open-source licence.

Why it matters

Creating spatial diagrams like exploded views and site plans typically requires specialised CAD or 3D tools. Providing an open-source skill covering 44 diagram types simplifies visual communication in technical documentation.

Analysis

By expanding into 3D diagram formats such as exploded views, the skill moves beyond standard 2D flowcharts into spatial and technical design documentation. The open-source distribution lowers the barrier for developers and designers to adopt it in automated workflows.

Original post

Cathryn

@cathrynlavery · 5 October 2026

Diagram Design skill now in 3D. exploded views, floor plans and site plans. → up to 44 diagram types and it's open-source 😘 t.co/HKv3ERNDS1

834 likes18 replies1.3k bookmarks32.6k views

View on X
More posts in the thread (6)
  1. t.co/IKe4TxFYwq
  2. @sflorimm t.co/1m4vVWIGCo
  3. @gaurabhmathure 🥰🥰🥰
  4. @davidfano @fedenegro share what you make!
  5. @_cmd8 Why? (Also I think this was a v1 diagram tbh)
  6. @_cmd8 t.co/oQQcFIsVBL
Selected replies (5)
  • @repodoting @cathrynlavery this belong on @repodoting would love to guide you thru it if you need a hand
  • @davidfano @cathrynlavery 🤯🤯🤯🤯 Can't wait to try this!! FYI @fedenegro
  • @sflorimm @cathrynlavery superb star added
  • @amuldotexe @cathrynlavery @joy014
  • @_cmd8 @cathrynlavery idk, this what I see at the top of the repo and it makes me immediately not want to use it t.co/1390ABoaJU

Mentioned links

Summary generated by AI (Gemini 3.8 Flash, 7 October 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Repository:cathrynlavery/diagram-design

    Diagram Design: Editorial HTML and SVG Diagrams for AI Coding Agents

    Diagram Design is a skill and template framework for AI agents like Claude Code, Codex, and Pi. It produces 39 editorial diagram types as self-contained HTML and SVG, avoiding common Mermaid clichés and generic AI styling.

    30.2kstarsHTML

    AI & LLMs· Tool

  • X post:Trending GitHub Repositories

    diagram-design: Editorial SVG and HTML Diagrams for AI Coding Agents

    The diagram-design repository by Cathryn Lavery introduces a plugin for Claude Code, Codex, and compatible agents that generates 39 editorial-quality diagram types as self-contained HTML and SVG. It aims to eliminate generic Mermaid-style layouts and manual Figma redesigns.

    1.2kbookmarks86.3kviews

    AI & LLMs· Tool

  • X post:Meng To

    Anatomy: Agent Skill for Animated Isometric SVG Explainers

    Meng To showcases 'Anatomy', an open-source agent skill by developer Ryan (@wheresryan22) that enables coding agents like Claude Code to generate interactive isometric SVG and WebGL visualisations.

    3.4kbookmarks101.5kviews

    AI & LLMs· Tool

  • Repository:wheresryan22/anatomy

    Anatomy: Agent Skill for Isometric SVG and WebGL Visualisations

    Anatomy is an open-source skill for Claude Code, OpenCode, and Codex that explains complex technical concepts by turning them into detailed physical machinery. It generates interactive isometric figures using SVG, optional WebGL shaders, and 3D effects.

    6.6kstarsJavaScript

    AI & LLMs· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.