diagram-expert

Generate D2 diagrams from natural language prompts and render them to SVG or PNG.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/brunoldqueiroz/marvin --skill diagram-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram-expert
Source: https://github.com/brunoldqueiroz/marvin/tree/main/.claude/skills/diagram-expert
Command: npx skills add https://github.com/brunoldqueiroz/marvin --skill diagram-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of visual diagrams from natural language descriptions, eliminating the need for manual drawing and complex diagramming tools.

Core Features & Use Cases

  • D2 Diagram Generation: Translates text into D2 language code for various diagram types (flowcharts, architecture, sequence).
  • Syntax Validation & Rendering: Ensures diagrams are syntactically correct before rendering to SVG or PNG.
  • Use Case: Describe your system architecture in plain English, and the Skill will generate a professional-looking architecture diagram.

Quick Start

Use the diagram-expert skill to create a flowchart of the user login process.

Frequently Asked Questions about diagram-expert

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

FAQPage Schema
How do I generate D2 diagrams from natural language text?

To generate D2 diagrams from text, you describe your system architecture or flowchart in plain English. The diagram-expert skill translates natural language prompts directly into D2 language code for visual rendering.

What types of diagrams can I create using D2?

Using D2, you can create various diagram types including flowcharts, architecture diagrams, and sequence diagrams. The skill translates text prompts into these visual representations while adhering to D2 best practices.

Do I need the D2 CLI installed to render architecture diagrams?

Yes, you need the D2 CLI installed to render architecture diagrams. The skill requires the D2 CLI to validate syntax and render the generated D2 code into visual formats.

How do I validate D2 syntax before rendering a flowchart?

To validate D2 syntax before rendering a flowchart, the skill ensures your generated diagrams are syntactically correct. This validation happens automatically before rendering to SVG or PNG formats.

What is the best way to visualize system architecture from text?

The best way to visualize system architecture from text is using a text-to-diagram language like D2. This approach automates visual creation by translating plain English descriptions into professional architecture diagrams.