Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/huashu-annual-letter
Open Design's annual letter to its community: the year's story, what it learned, and where it's going next. Built as a decision-grade corporate strategy deck for community, contributors, investors.
Passed 14 of 23 test cases with the skill, and 3 of 23 without it.
and 18 more in the full report
13 fixed1 passed either way7 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
In our annual letter web deck, the executive text paragraphs stretch across the full 1920px width, causing poor readability. What maximum line length constraint should be set on paragraph blocks?
| Checked | Without skill | With skill |
|---|---|---|
| Applies a CSS max-width constraint of 980px to body paragraphs. | Missed | Passed |
The instructions your model reads when the skill loads.
Produce a single-file, letter-grade HTML deck in the Stripe Annual Letter
genre: a published letter you read, not a template you skim. Prose flows in
serif paragraphs; numbers live in inline data cards and giant display anchors.
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, and never introduce colors or fonts outside
this spec.
Adapted from the editorial-longform style (references/design-styles.md,
安静派 · 杂志编辑长文流 / Editorial Longform) of
huashu-design by
花叔 (alchaincyf), MIT licensed. Reference lineage: Stripe Annual Letter,
Amazon six-page narrative memos, Stripe Press.
<div id="stage"> fixed at 1920 × 1080 px, centered with
position: fixed; top: 50%; left: 50%.fit() function scales the stage to the viewport:
scale = min(innerWidth / 1920, innerHeight / 1080), applied as
translate(-50%, -50%) scale(s), re-run on resize. Letterboxed, never
cropped.vw/vh/% for type) —
the scaler owns responsiveness.<section class="slide"> directly inside #stage, with a
data-screen-label="01 刊头"-style label (1-indexed)..active. No .dark pages in this theme —
every page sits on cream paper; rhythm comes from density, not theme flips.←/↑/PageUp previous · →/↓/Space/PageDown next ·
Home/End first/last. Hash routing #/N (1-indexed) read on load and
hashchange, written via history.replaceState. Click: left third back,
rest forward. Fixed counter pill bottom-right, key-hint bottom-left.file:// insidetest cases passed, vs 3 / 23 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.