Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/huashu-sparkline-arc
Open Design's revenue-driver narrative: what actually moves ARR, the leverage points, and the forecast. Built as a decision-grade data & finance deck for board, finance leadership.
Passed 10 of 22 test cases with the skill, and 6 of 22 without it.
and 7 more in the full report
8 fixed2 passed either way8 still failing4 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
We need an HTML slide for our SaaS platform 'ApexMetrics' highlighting our Q3 revenue growth turning point. Should we add cyan halos for secondary highlights and purple for metric badges to make the key data points pop out visually against the dark background?
| Checked | Without skill | With skill |
|---|---|---|
| Restricts all accent highlights strictly to the single orange token color. | Missed | Passed |
| Uses gray shades for secondary elements and background contrasts without secondary color hues. | Missed | Passed |
The instructions your model reads when the skill loads.
Produce a single-file, Duarte-style narrative deck. You are a story
cartographer working in HTML: every page is built on one oscillating waveform
that travels between "what is" and "what could be", and orange appears only
where the story turns. The visual system, canvas contract, and navigation
runtime are locked by example.html. Start from example.html, replace
content only — do not rewrite the design or the script. Do not introduce any
color or font outside this spec.
Generated from the Sparkline叙事波形 / Narrative Sparkline (Duarte式) spec
(中性派, 还原91%) in references/design-styles.md of
huashu-design by 花叔
(alchaincyf), MIT licensed. Lineage: Nancy Duarte《Resonate》sparkline
structure, Al Gore An Inconvenient Truth, Duarte Inc. data storytelling.
<div id="stage"> fixed at 1920 × 1080 px, centered with
position: fixed; top: 50%; left: 50%; a fit() function applies
translate(-50%, -50%) scale(min(innerWidth/1920, innerHeight/1080)) on
load and resize. All inner layout in px — the scaler owns responsiveness.<section class="slide"> inside #stage with a
data-screen-label="01 封面"-style label; exactly one slide carries
.active; dark pages add .dark.←/↑/PageUp previous,
→/↓/Space/PageDown next, Home/End first/last; #/N hash
routing (1-indexed) read on load + hashchange, written via
history.replaceState; click left third = back, rest = forward; fixed
counter pill bottom-right, key-hint bottom-left. No external JS, no build
step — the file must open inside a sandboxed iframe via file://.:root — keep the names, re-theme values only)| Token | Value | Role |
|---|---|---|
--paper | #FFFFFF | light page background |
--night | #0E0E0C | dark pages (solo-line, closing) |
test cases passed, vs 6 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.