skills.rest
youyouhe
youyouheCOMMUNITY
Explore all skills by this author →
GitHub

bid-mermaid-diagrams

Generate and render Mermaid diagrams from Markdown placeholders into PNG images.

4|1|Updated Feb 17, 2026
Search Tags:#automation#mermaid#technical writing#diagrams#tender documents#bid preparation
One-click install
npx skills add https://github.com/youyouhe/bidsmart-claude-skills --skill bid-mermaid-diagrams
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bid-mermaid-diagrams
Source: https://github.com/youyouhe/bidsmart-claude-skills/tree/main/skills/bid-mermaid-diagrams
Command: npx skills add https://github.com/youyouhe/bidsmart-claude-skills --skill bid-mermaid-diagrams

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation and integration of diagrams within tender documents, replacing placeholder text with visually accurate and contextually relevant Mermaid charts.

Core Features & Use Cases

  • Placeholder Replacement: Automatically finds and replaces 【此处插入XX图】 placeholders in Markdown files.
  • Contextual Diagram Generation: Analyzes surrounding text, ASCII art, and section titles to generate appropriate Mermaid code.
  • Rendering to PNG: Renders generated Mermaid code into high-resolution PNG images.
  • Watermarking: Optionally adds project name watermarks to generated images.
  • Use Case: When preparing a technical proposal, this Skill can automatically generate architecture diagrams, flowcharts, and Gantt charts from descriptions and ASCII art, ensuring all visual elements are correctly placed and formatted.

Quick Start

Use the bid-mermaid-diagrams skill to generate and replace all diagram placeholders in the 'technical_proposal.md' file.

Frequently Asked Questions about bid-mermaid-diagrams

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

FAQPage Schema
How do I automatically generate Mermaid diagrams for tender documents?▼

To automatically generate Mermaid diagrams for tender documents, this Skill scans Markdown files for placeholders, analyzes surrounding text and ASCII art, and replaces them with rendered PNG images.

Can I convert ASCII art into Mermaid flowcharts for technical proposals?▼

Yes, you can convert ASCII art into Mermaid flowcharts by using this Skill to analyze the ASCII context and section titles to generate appropriate diagram code for technical proposals.

What types of Mermaid diagrams can be rendered for bid preparation?▼

For bid preparation, you can render architecture, flow, ER, and Gantt charts as high-resolution PNG images, with optional project name watermarking applied to each diagram.

Does this diagram generation tool support batch processing of multiple Markdown files?▼

Yes, this diagram generation tool supports batch processing of multiple Markdown files, automatically finding and replacing diagram placeholders across your entire technical proposal document set.

What is the best way to add watermarks to rendered Mermaid PNG images?▼

The best way to add watermarks to rendered Mermaid PNG images is using the optional watermarking feature, which applies your project name directly to the generated high-resolution PNG outputs.

Related Skills

Explore More Content & Communication Skills→
vuhuudovuhuudo

mermaid

Convert Mermaid diagrams in Markdown files to SVG or ASCII art.

Community
Basic
cogni-workcogni-work
12

portfolio-ingest

Extract and classify portfolio entities from uploaded documents into JSON files.

Official
Advanced
se1111thse1111th

translation

Translate text and documents between languages with cultural and contextual adaptation.

Community
Intermediate
LrmdomLrmdom

react-flow-implementation

Implement interactive node-based UIs with React Flow.

Community
Advanced