Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/huashu-golden-circle
A brand-repositioning strategy for a heritage coffee chain — why, how, what — the governing idea and the moves to prove it. Built as a decision-grade consulting deck for client CMO, board.
Passed 17 of 24 test cases with the skill, and 6 of 24 without it.
and 18 more in the full report
14 fixed3 passed either way4 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 14 test cases the skill fixed. Same model, same prompt, with and without the skill.
I'm adding typography and icons to my HTML presentation. I want to import Inter, Roboto, and FontAwesome icons via multiple CDN links. How should fonts be imported?
| Checked | Without skill | With skill |
|---|---|---|
| Imports Jost and Manrope fonts using a single Google Fonts import URL | Missed | Passed |
| Avoids external icon font libraries | Missed | Passed |
The instructions your model reads when the skill loads.
Produce a single-file, one-diagram concept deck. You are visualizing a
methodology the way Simon Sinek drew the Golden Circle on a TED flip chart:
one geometric master figure carries the entire argument, and every page is
that figure seen from a different angle. 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 中性派「单图母图概念图解 / Diagrammatic Minimalism」spec in
references/design-styles.md of
huashu-design by 花叔
(alchaincyf), MIT licensed. Lineage: Simon Sinek's Golden Circle TED talk,
Bauhaus geometric abstraction, "one diagram rules the room" information
architecture.
<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; the dark closing page adds .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 | #FAFAF7 | warm-white page background |
test cases passed, vs 6 / 24 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.