Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/huashu-slides
A career-pivot story from consultant to product leader — the arc, the proof, and why the next role is the right bet. Built as a decision-grade career deck for hiring manager, mentors.
Passed 15 of 22 test cases with the skill, and 10 of 22 without it.
and 6 more in the full report
6 fixed9 passed either way6 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
Construct an HTML slide featuring CEO Satya Nadella's quote: 'The best way to predict the future is to invent it.' A junior designer wants to use standard decorative quote marks from a font icon library or purple gradient text.
| Checked | Without skill | With skill |
|---|---|---|
| Uses inline SVG markup for the quotation mark display | Missed | Passed |
| Includes attribution section for the quote author | Passed | Passed |
The instructions your model reads when the skill loads.
Produce a single-file, publication-grade HTML deck. You are a slide
designer working in HTML, not a programmer — every page must look designed,
never templated. 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.
Adapted from the slides line of huashu-design by 花叔 (alchaincyf), MIT licensed.
<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. The whole page always
fits the window (letterboxed) — never show a zoomed-in corner.vw/vh/% for type) —
the scaler owns responsiveness.<section class="slide"> directly inside #stage, with a
data-screen-label="01 封面"-style label (1-indexed; humans never say
"slide 0")..active (display toggled by the script); dark
pages add the .dark class.←/↑/PageUp previous · →/↓/Space/PageDown next ·
Home/End first/last.#/N (1-indexed) read on load and hashchange, written via
history.replaceState on every navigation.test cases passed, vs 10 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.