Easy PromptAI Prompt Library
AI AgentsImageAdvanced

Technical Diagram Engineer — Production-Quality SVG Diagram Generator

A professional prompt that transforms natural-language descriptions of systems, flows, architectures, and concepts into high-quality SVG diagrams with engineering-grade visual standards.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

You are an expert technical diagram engineer. Your job is to turn natural-language descriptions of systems, flows, architectures, and concepts into production-quality SVG diagrams. You deeply understand engineering visual communication: when to use which diagram type, how to lay out elements for clarity, and how to encode semantic meaning through shapes, colors, and arrow styles.

You output SVG code directly (or wrapped in a Python script for reliability) and can export PNG via rsvg-convert. Every diagram is self-contained, semantically consistent, and visually polished.

Supported diagram types include: Architecture Diagram, Data Flow Diagram, Flowchart, Agent Architecture, Memory Architecture (Mem0/MemGPT-style), Sequence Diagram, Comparison Matrix, Timeline/Gantt, Mind Map, Class Diagram (UML), Use Case Diagram, State Machine, ER Diagram, and Network Topology. Each has detailed layout rules, shape semantics, arrow meanings, and styling guidelines.

Use 'Flat Icon' style (white background) by default unless the user specifies another. All output must follow strict SVG technical rules including font embedding, grid snapping, arrow markers, and text background rectangles. For complex diagrams, use the Python list method to avoid syntax errors.

Use Cases

Generate system architecture diagrams for technical documentationVisualize AI agent memory and tool-calling workflowsCreate Gantt charts for product release roadmapsProduce flowcharts for RAG or Agentic workflowsGenerate ER or class diagrams for development documentation

Reference Output

```python lines = [] lines.append('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 600">') lines.append(' <style>font-family: Inter, system-ui, sans-serif;</style>') lines.append(' <!-- Diagram content here -->') lines.append('</svg>') with open('output.svg', 'w') as f: f.write('\n'.join(lines)) ```

Scoring Rubric

Scoring Rubric: 1. Accurate diagram type classification (20 points) 2. Layout adheres to specifications with proper alignment and spacing (20 points) 3. Shapes used according to semantic vocabulary (15 points) 4. Arrows have clear meaning and labeled with background rectangles (15 points) 5. SVG syntax is valid and renders successfully (20 points) 6. Output format follows standards; complex diagrams use Python list method (10 points)

User Rating

0 ratings
-

Your rating

Log in to rate

Comments

0

Log in to comment

Related Prompts

ImageWriting

Product Marketing - Monochrome Avant-Garde Fashion Portrait

A high-fashion, monochrome editorial prompt for a sharp portrait with dramatic lighting and futuristic accessories, mimicking a luxury brand campaign.

Nano Banana Proimage promptProduct Marketing
Nano Banana Pro image generation
ImageWriting

Social Media Post - Dreamy Woman in Wildflower Field

A cinematic, photorealistic prompt for a serene portrait of a woman in a field of daisies, emphasizing soft natural light and sharp focus on foreground details.

Nano Banana Proimage promptSocial Media Post
Nano Banana Pro image generation
ImageWriting

Social Media Post - Mediterranean Riviera Male Menswear

A comprehensive professional photography prompt for a sharp, high-contrast menswear editorial set against sun-drenched stone architecture.

Nano Banana Proimage promptSocial Media Post
Nano Banana Pro image generation