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.