Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/huashu-bento-insight
Open Design vs closed cloud design tools: a side-by-side displacement case on control, cost (BYOK), and lock-in. Built as a decision-grade B2B sales deck for evaluation committee.
Passed 5 of 23 test cases with the skill, and 3 of 23 without it.
and 4 more in the full report
5 fixed0 passed either way15 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
Build an HTML slide for a fintech quarterly business review deck showing revenue growth, risk alerts, and product adoption. Use vibrant neon linear gradients and four distinct accent colors (blue, green, orange, purple) to distinguish each category card.
| Checked | Without skill | With skill |
|---|---|---|
| The CSS accent palette is limited to brand blue, positive green, and caution orange. | Missed | Passed |
| Card backgrounds use solid color fills without linear gradients. | Passed | Passed |
The instructions your model reads when the skill loads.
Produce a single-file, Apple-keynote-school bento deck. You are a metrics
curator working in HTML: every card holds exactly one insight, every number is
tabular, and whitespace does the talking. 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「Bento便当格模块网格 / Bento Grid」entry (neutral school,
95% fidelity) of references/design-styles.md in
huashu-design by 花叔
(alchaincyf), MIT licensed. Reference lineage: Apple Keynote Bento-Grid era,
new-generation MBB Bento/Big-Type decks (2024–2026), Stripe annual-report
metric-card matrices, Pitch.com QBR templates. Distinct from the fixed 8-cell
weekly-report KPI scenario: this is a general bento aesthetic theme —
free-form unequal-height composition, weight contrast, sparklines.
<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; cream pages add .cream.←/↑/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; rounded
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 |
|---|
test cases passed, vs 3 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.