diagram-creator

Generate renderable Mermaid.js diagrams from natural-language descriptions and agency configuration.

2|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/ekatasingh1107/b2b-gtm-skills --skill diagram-creator-ekatasingh1107
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-creator
Source: https://github.com/ekatasingh1107/b2b-gtm-skills/tree/main/skills/capabilities/diagram-creator
Command: npx skills add https://github.com/ekatasingh1107/b2b-gtm-skills --skill diagram-creator-ekatasingh1107

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts ambiguous written processes and system descriptions into precise, renderable Mermaid.js diagrams so teams can share consistent visual documentation without manual drawing.

Core Features & Use Cases

  • Generate flowcharts, sequence diagrams, journey maps, ER diagrams, Gantt charts, and org charts from natural-language prompts.
  • Produce GTM-specific diagrams such as sales funnels, outreach cadences, lead routing flows, and tech stack architecture using agency.config.json context.
  • Validate Mermaid syntax, ensure unique node IDs, enforce readability and layout rules, and output embedding instructions for Markdown, Notion, and image export.
  • Use case: Turn an agency outreach cadence and CRM routing rules into a top-down flowchart plus detailed sub-process diagrams for engineering and ops.

Quick Start

Ask the skill to "Create a Mermaid flowchart of our outreach cadence using agency.config.json and include Day 1, Day 3, Day 7 touchpoints and reply branches."

Frequently Asked Questions about diagram-creator

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

FAQPage Schema
How do I generate a Mermaid.js flowchart from a natural-language description?▼

To generate a Mermaid.js flowchart from natural language, input your process description and the Skill converts ambiguous text into precise, renderable diagram code. It validates node uniqueness and syntax for immediate embedding.

Can I create a Gantt chart or sequence diagram from text prompts?▼

Yes, you can create Gantt charts and sequence diagrams from text prompts. The Skill processes natural-language descriptions to produce renderable Mermaid code for various visualization types including journey maps and ER diagrams.

How do I visualize a sales funnel and lead routing flow for my go-to-market strategy?▼

To visualize a sales funnel and lead routing flow, provide your GTM process details and agency configuration. The Skill generates top-down Mermaid flowcharts detailing sub-processes for engineering and ops teams.

Does the diagram generator validate Mermaid syntax and ensure unique node IDs?▼

Yes, the diagram generator validates Mermaid syntax and ensures unique node IDs. It enforces readability and layout rules to produce clean, error-free Mermaid code suitable for Markdown and Notion embedding.

What is the best way to convert written processes into renderable diagrams without manual drawing?▼

The best way to convert written processes into renderable diagrams is using natural-language processing to generate Mermaid.js code. This approach eliminates manual drawing and ensures consistent visual documentation across teams.

How do I export Mermaid diagrams for embedding in Markdown or Notion?▼

To export Mermaid diagrams for Markdown or Notion, the Skill outputs validated Mermaid code along with specific embedding instructions. This allows direct integration and image export from your generated visualizations.