skills.rest
jesuscottage
jesuscottageCOMMUNITY
Explore all skills by this author →
GitHub

diagram-generator

Convert natural language descriptions into hand-drawn style diagrams.

1|Updated Apr 7, 2026
Search Tags:#workflow#visualization#diagram#illustration#sketch#whiteboard#artistic
One-click install
npx skills add https://github.com/jesuscottage/machote --skill diagram-generator-jesuscottage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-generator
Source: https://github.com/jesuscottage/machote/tree/main/.claude/skills/diagram-generator
Command: npx skills add https://github.com/jesuscottage/machote --skill diagram-generator-jesuscottage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the generation of artistic, hand-drawn style diagrams based on natural language descriptions, streamlining visual storytelling and presentation design.

Core Features & Use Cases

  • Visual Diagram Creation: Converts textual descriptions into visually appealing, hand-drawn style images perfect for architectural diagrams, workflows, and educational visuals.
  • Style Customization: Produces pastel-colored boxes, simple icons, and thin arrows to mimic a whiteboard sketch aesthetic, enhancing clarity and engagement.
  • Use Case: Illustrate complex system architectures by describing components in text, then generate diagrams that look like manual sketches for reports or slides.

Quick Start

Input a detailed description of the diagram you want to create, specify output options if desired, and run the Python script to generate your visual. For example, describe your architecture or workflow and set the aspect ratio as needed.

Frequently Asked Questions about diagram-generator

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

FAQPage Schema
How do I create hand-drawn style diagrams from text descriptions?▼

You can generate hand-drawn style diagrams by providing a natural language text description of your workflow to the script. It processes the input using the Gemini Flash model to synthesize artistic, whiteboard sketch visuals.

Can I customize the visual style of generated workflow diagrams?▼

Visual style customization is supported by specifying output options like aspect ratio. The generation produces pastel-colored boxes, simple icons, and thin arrows to mimic an artistic whiteboard sketch aesthetic.

Do I need a Gemini API key to generate text-based illustrations?▼

Yes, generating text-based illustrations requires the google-genai dependency to access the Gemini Flash model. This integration is necessary to perform the high-quality image synthesis for your visual diagrams.

What is the best way to visualize complex system architectures for presentations?▼

The best way to visualize system architectures for presentations is describing components in natural language text to generate manual sketch-style diagrams. This approach enhances clarity and engagement without requiring manual drawing effort.

Are there limitations when converting natural language into whiteboard sketches?▼

A limitation of converting natural language into whiteboard sketches is that visual accuracy depends entirely on your text description detail. Complex system architectures may require highly specific textual prompts to generate accurate visual diagrams.

Related Skills

Explore More Design & Creative Skills→
artsmcartsmc
3

new-product

Orchestrate multi-stage architecture research and generate ARCHITECTURE-SUMMARY documentation.

Community
Advanced
wyhlovecppwyhlovecpp

excalidraw

Generate hand-drawn style diagrams as excalidraw JSON files.

Community
Basic
levi-qiaolevi-qiao
6

excalidraw-diagram

Generate Excalidraw diagrams from text in markdown, .excalidraw, or animated formats.

Community
Intermediate
Bowser1704Bowser1704

excalidraw-diagram

Generate Excalidraw diagrams from natural language descriptions using JSON templates.

Community
Advanced