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
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)
Try & save
Fill variables and copy, or save as a personal template.
This template has no variables and is ready to copy.
User Rating
0 ratingsYour rating
Log in to rate
Comments
0Log in to comment
Related Prompts
Profile / Avatar - Early 2000s Internet Cafe Webcam Couple
A prompt for generating a low-resolution, candid webcam photo of a couple in an early 2000s internet cafe, capturing nostalgic aesthetic details.
Profile / Avatar - Retro Hospital Nurse Cosplay Prompt
A detailed prompt for generating a photorealistic retro hospital nurse cosplay portrait with specific costume, setting, and lighting instructions.
Profile / Avatar - Pixar Style Twin Portrait
A prompt for generating a studio photograph featuring a real person alongside their giant 3D Pixar-style cartoon counterpart, matching the reference image's identity and clothing.
Product Marketing - East Asian Woman in Gray Turtleneck Concrete Wall
Creates a hyper-realistic outdoor portrait of an East Asian woman with violet hair and glasses, wearing a gray ribbed turtleneck against a concrete wall.