skills.rest
danmaclean
danmacleanCOMMUNITY
Explore all skills by this author →
GitHub

diagram_drawing

Create standards-compliant SVG diagrams for slides, web, and print.

Updated Aug 27, 2026
Search Tags:#visualization#SVG#diagram#workshop#multi-context#visual conventions
One-click install
npx skills add https://github.com/danmaclean/ai_workshop --skill diagram-drawing-danmaclean
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram_drawing
Source: https://github.com/danmaclean/ai_workshop/tree/main/lib/skills/diagram_drawing
Command: npx skills add https://github.com/danmaclean/ai_workshop --skill diagram-drawing-danmaclean

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Produces clear, reusable diagrams that effectively communicate complex concepts across multiple workshop contexts.

Core Features & Use Cases

  • Visual Content Creation: Generates standalone SVG diagrams following strict visual conventions for clarity and consistency.
  • Multi-context Adaptability: Ensures diagrams are legible and appropriately styled for slides, website pages, and printed handouts.
  • Use Case: Visualizing the "trust levels" hierarchy or system architecture in diagrams embedded in workshop slides, website, and reference pages for consistent understanding.

Quick Start

Use this skill to produce a diagram of the trust level hierarchy with the specified primitive shapes and connect them with arrows.

Frequently Asked Questions about diagram_drawing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create SVG diagrams that work across slides, web, and print?▼

You can create multi-context SVG diagrams by adhering to strict sizing and styling conventions, ensuring the visuals remain legible and appropriately styled across slides, website pages, and printed handouts without relying on surrounding text.

What are visual conventions for workshop diagrams?▼

Visual conventions for workshop diagrams are strict styling and sizing standards that ensure standalone SVGs communicate key technical concepts quickly and accurately, serving as visual anchors across multiple presentation contexts.

Can I generate standalone technical diagrams without surrounding text context?▼

Yes, generating standalone technical diagrams is possible by following strict visual conventions that ensure the SVG communicates complex concepts independently, without needing surrounding textual context for clarity.

How do I visualize a trust level hierarchy for technical workshops?▼

You can visualize a trust level hierarchy by generating an SVG diagram using specified primitive shapes connected with arrows, producing a reusable visual anchor for consistent understanding across workshop materials.

What is the best way to ensure diagram legibility across multiple workshop materials?▼

The best way to ensure multi-context legibility is generating standards-compliant SVG diagrams that follow strict visual conventions, making them clear and reusable across slides, web pages, and print.

Does diagram_drawing require external dependencies for SVG generation?▼

No, diagram_drawing operates without external dependencies, using internal scripts and references to produce clean, standards-compliant SVG diagrams for multi-context workshop visuals.

Related Skills

Explore More Design & Creative Skills→
yopitekyopitek

baoyu-diagram

Generate standalone SVG diagrams from textual or structured input.

Community
Advanced
veelengaveelenga
199

mermaid-diagrams

Create and refine Mermaid diagrams with live SVG reload.

Community
Basic
ZhanlinCuiZhanlinCui
178

theme-factory

Apply curated color and font themes to documents, slides, and webpages.

Community
Basic
heximaoheximao

diagramming

Create JSON Excalidraw diagrams, SVG/HTML architecture layouts, and ASCII art.

Community
Advanced