charts

Generate a Mermaid flowchart from triggers.json into an HTML file.

14|7|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/nikolaj-lat/World-Puppeteer --skill charts-nikolaj-lat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: charts
Source: https://github.com/nikolaj-lat/World-Puppeteer/tree/main/.claude/skills/charts
Command: npx skills add https://github.com/nikolaj-lat/World-Puppeteer --skill charts-nikolaj-lat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate a Mermaid flowchart from triggers.json to visualize trigger relationships and flows.

Core Features & Use Cases

  • Organized sections and labeled subgraphs to group related triggers.
  • Decision trees and detailed nodes to capture conditions and descriptions.
  • Visual hierarchy with emoji-labeled sections for quick reference.
  • Outputs to HTML using a Mermaid template for easy integration.

Quick Start

Run the charts skill on triggers.json and save the chart to stuff/trigger-chart.html.

Frequently Asked Questions about charts

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

FAQPage Schema
How do I generate a Mermaid flowchart from triggers.json?

To generate a Mermaid flowchart from triggers.json, run the charts skill to parse trigger relationships and output a visual HTML file. It reads the JSON, structures nodes using Start, Decision, and SIDEBAR patterns, and saves the final diagram to stuff/trigger-chart.html.

What is the best way to visualize complex trigger flows and relationships?

Visualizing complex trigger flows is best handled by generating Mermaid diagrams with organized subgraphs and decision trees. This approach groups related triggers into labeled sections, capturing conditions and descriptions with a visual hierarchy for quick reference.

Can I map configuration, gameplay, and context triggers into one diagram?

Yes, you can map configuration, gameplay, and context triggers into one diagram. The skill structures nodes across all trigger categories for complex narratives, using emoji-labeled sections to group related triggers and capture detailed conditions visually.

Does the generated Mermaid chart output to HTML for easy integration?

Yes, the generated Mermaid chart outputs to HTML for easy integration. The skill uses a Mermaid template to save the final flowchart to stuff/trigger-chart.html, allowing you to view trigger relationships directly in a web browser.

How do decision trees work when visualizing trigger conditions?

Decision trees for trigger conditions work by structuring detailed nodes that capture specific conditions and descriptions within the flowchart. The skill reads triggers.json and maps these decision points alongside Start and SIDEBAR patterns to visualize logic flows.