huashu-sparkline-arc

Generate Duarte-style narrative HTML decks for data-driven finance and product analytics presentations.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#HTML #finance #data-storytelling #kpi #sparkline #deck #Slides

One-click install

npx skills add https://github.com/nexu-io/open-design --skill huashu-sparkline-arc

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: huashu-sparkline-arc
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/huashu-sparkline-arc
Command: npx skills add https://github.com/nexu-io/open-design --skill huashu-sparkline-arc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the difficulty of creating high-impact, decision-grade financial presentations that effectively communicate complex data narratives to board members and leadership teams.

Core Features & Use Cases

Narrative Sparkline System: Produces single-file, Duarte-style HTML decks using oscillating waveforms to visualize "what is" versus "what could be."
Data-Finance Focus: Specifically designed for revenue-driver stories, KPI reporting, and strategic decision-making decks.
Visual Consistency: Enforces a strict design system with fixed 1920x1080 canvas, Inter/Geist Mono typography, and specific orange accent usage for turning points.

Quick Start

Create a revenue-driver story deck using the huashu-sparkline-arc template for my board presentation.

Frequently Asked Questions about huashu-sparkline-arc

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

FAQPage Schema

How do I create a narrative deck with this Skill?▼

Provide your topic, audience, and key data points to the Skill. It will generate a single-file HTML deck using the Sparkline narrative structure, replacing the demo content with your specific revenue-driver story.

Can I customize the design tokens in the deck?▼

You can re-theme the values of the CSS variables in the :root block, such as colors or fonts, but you must maintain the token names and the overall Duarte-style visual system to ensure compliance with the hard spec.

Does this Skill support external chart libraries?▼

No, the design spec strictly prohibits external chart libraries and CDN scripts. Every chart must be a hand-written inline SVG path to ensure the deck remains a portable, single-file HTML document.

What is the recommended page count for these decks?▼

The spec recommends 8-11 pages for a complete narrative arc. This length allows you to establish the 'what is', mark a clear turning point, provide evidence, and conclude with a 'new bliss' forecast.