mermaid-render

Render Mermaid diagrams to PNG, SVG, or PDF with Trimble themes.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/bwgz/teambuilder --skill mermaid-render-bwgz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid-render
Source: https://github.com/bwgz/teambuilder/tree/main/teambuilder-sdd/.claude/skills/mermaid-render
Command: npx skills add https://github.com/bwgz/teambuilder --skill mermaid-render-bwgz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides guidance for rendering Mermaid diagrams to image formats (PNG, SVG) with Trimble branding to ensure consistency across materials.

Core Features & Use Cases

  • Guided rendering: Render Mermaid diagrams to PNG, SVG, or PDF using Trimble themes.
  • Theme management: Select appropriate Trimble themes based on diagram type.
  • Workflow guidance: Step-by-step rendering workflow and troubleshooting references.
  • Use Case: For example, export a technical diagram from a Markdown README as a branded PNG for a presentation.

Quick Start

Save your diagram to a file and render it with mermaid-cli using the Trimble theme.

Frequently Asked Questions about mermaid-render

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

FAQPage Schema
How do I render Mermaid diagrams with Trimble branding for presentations?

You can render Mermaid diagrams with Trimble branding by using mermaid-cli to apply Trimble theme files, producing branded PNG, SVG, or PDF outputs suitable for presentations and high-quality image generation.

Can I export Mermaid diagrams from a Markdown README to a branded PNG?

Yes, you can export Mermaid diagrams from a Markdown README to a branded PNG by following the guided rendering workflow, which applies Trimble themes to generate high-quality branded image outputs.

Do I need mermaid-cli installed to apply Trimble themes to my diagrams?

Yes, mermaid-cli is a required prerequisite. The rendering workflow depends on mermaid-cli to process diagram files and generate branded PNG, SVG, or PDF outputs using Trimble theme files.

What is the best way to select a Trimble theme for different diagram types?

The best way to select a Trimble theme is to follow the theme management guidance, which helps you choose appropriate Trimble themes based on the specific diagram type to ensure correct branding and visual consistency.

What image formats are supported when rendering Mermaid diagrams with Trimble themes?

Rendering Mermaid diagrams with Trimble themes supports PNG, SVG, and PDF image formats, generated through mermaid-cli for exporting technical diagrams to presentations and documentation.

Why is my Mermaid diagram not rendering correctly with the Trimble theme?

If your Mermaid diagram is not rendering correctly with the Trimble theme, consult the troubleshooting references. Verify that prerequisites like mermaid-cli and theme files are properly installed and configured before rendering.