skills.rest
billlzzz26
billlzzz26COMMUNITY
Explore all skills by this author →
GitHub

story-export

Export StoryGraph data into Mermaid diagrams, Canvas JSON, Markdown, HTML dashboards, and MCP UI dashboards.

4|1|Updated Feb 19, 2026
Search Tags:#mermaid#dashboard#visualization#canvas#export#story-graph
One-click install
npx skills add https://github.com/billlzzz26/visual-story-extension --skill story-export
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: story-export
Source: https://github.com/billlzzz26/visual-story-extension/tree/main/.qwen/skills/story-export
Command: npx skills add https://github.com/billlzzz26/visual-story-extension --skill story-export

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables rapid visualization and multi-format export of StoryGraph data generated by the bl1nk-visual-mcp toolset, reducing manual diagramming and report generation.

Core Features & Use Cases

  • Generate Mermaid diagrams from StoryGraph for documentation, Obsidian, and GitHub visualization.
  • Produce Canvas JSON for interactive editors and UI applications.
  • Export Markdown, HTML dashboards, and MCP UI dashboards for sharing insights and monitoring story progress.
  • Use cases include transforming a completed StoryGraph into publishable visuals for project briefs, design reviews, and narrative dashboards.

Quick Start

Use the story-export skill to convert a prepared StoryGraph into a Mermaid diagram and an HTML dashboard in one workflow.

Frequently Asked Questions about story-export

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

FAQPage Schema
How do I export StoryGraph data to a Mermaid diagram for documentation?▼

To export StoryGraph data into a Mermaid diagram, use the story-export conversion workflow. It transforms narrative structures into Mermaid syntax for direct visualization in tools like Obsidian and GitHub.

What is the best way to convert a StoryGraph into an HTML dashboard?▼

Converting a StoryGraph into an HTML dashboard is done through multi-format export orchestration. It generates publish-ready HTML files that visualize story progress and insights for sharing.

Can I generate Canvas JSON from StoryGraph for interactive editors?▼

Yes, Canvas JSON can be generated from StoryGraph data. The export process produces Canvas JSON files designed for integration into interactive editors and UI applications.

Does the StoryGraph export workflow support Markdown output?▼

Yes, the StoryGraph export workflow supports Markdown output. It converts StoryGraph data into Markdown format, streamlining report generation and textual documentation workflows.

Do I need the bl1nk-visual-mcp toolset to export MCP UI dashboards?▼

Yes, compatibility with the bl1nk-visual-mcp export tools is required to generate MCP UI dashboards. The export process relies on these tools to orchestrate multi-output dashboard generation.

When should I use a Mermaid diagram vs an HTML dashboard for StoryGraph visualization?▼

Use a Mermaid diagram for lightweight documentation and version control visualization, and an HTML dashboard when you need an interactive, publish-ready interface to monitor story progress and share insights.

Related Skills

Explore More Design & Creative Skills→
billlzzz26billlzzz26
4

story-analysis

Extract 3-act structure, characters, conflicts, and relationship dynamics from story text.

Community
Intermediate
GainInsightDevGainInsightDev

af-present-canvas

Presents visual content on the Agentview canvas via markdown, diagrams, and HTML.

Official
Intermediate
FelipePepeFelipePepe

copilot-sdk

Orchestrate tools and sessions for embedded AI agents via the Copilot SDK.

Community
Advanced
frumu-aifrumu-ai
114

data-visualization-analyst

Guide data cleanup and chart design for publication-quality Python visual reports.

Official
Intermediate