Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/hps-y2k-chrome
Open Design's KPI decision brief: activation and retention drivers, what's working, and the one metric to move next. Built as a decision-grade data & finance deck for CRO, RevOps, leadership.
Passed 8 of 22 test cases with the skill, and 4 of 22 without it.
and 12 more in the full report
8 fixed0 passed either way10 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.
Write the CSS for component cards in an HTML slide presentation, setting `background: #f0f0f0; border-radius: 8px; border: 1px solid #ccc;` without any background blur or top highlights.
| Checked | Without skill | With skill |
|---|---|---|
| The card style includes backdrop-filter blur and saturation. | Missed | Passed |
| The card style includes top highlight inset 0 1px 0 rgba(255,255,255,.9). | Missed | Passed |
The instructions your model reads when the skill loads.
Single-theme deck plugin locked to the y2k-chrome theme from the upstream
MIT-licensed lewislulu/html-ppt-skill
(36 themes × 31 layouts × 27 animations — this plugin ships exactly one of
those skins, fully baked into one self-contained seed: example.html).
Start from example.html. Replace content only. Never rewrite the design
system or the runtime script. No colors or fonts outside this spec.
:root — do not add, remove, or recolor):root{
--bg:#dfe4ec; --bg-soft:#eef1f6;
--surface:rgba(255,255,255,.72); --surface-2:rgba(255,255,255,.5);
--border:rgba(120,135,170,.32); --border-strong:rgba(80,100,140,.55);
--text-1:#1a1f2e; --text-2:#4a536a; --text-3:#8590a6;
--accent:#8a5cff; --accent-2:#3ccfd8; --accent-3:#ff84c4;
--good:#1fb98c; --warn:#e8a13d; --bad:#e0445a;
--grad:linear-gradient(135deg,#b8c4d8 0%,#f5f7fb 30%,#8a9ab8 55%,#e8ecf4 80%,#6b7a95 100%);
--grad-soft:linear-gradient(135deg,#c9e4ff,#f5d6ff 50%,#d6fffa);
--chrome-text:linear-gradient(180deg,#f8faff 0%,#9aa8c4 50%,#4a5670 100%);
--radius:26px; --radius-sm:16px; --radius-lg:36px;
--shadow:0 12px 30px rgba(70,90,130,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(80,100,140,.2);
--shadow-lg:0 24px 60px rgba(70,90,130,.35),inset 0 2px 0 rgba(255,255,255,.95);
--font-sans:'Space Grotesk','Inter','Noto Sans SC',sans-serif;
--font-display:'Space Grotesk','Inter',sans-serif;
--font-mono:'JetBrains Mono',SFMono-Regular,Menlo,monospace;
--letter-tight:-.03em; --letter-normal:-.01em;
--ease:cubic-bezier(.4,0,.2,1);
}
Fonts: Space Grotesk is both display and body type ('Noto Sans SC'
fallback for CJK), JetBrains Mono for code/labels. Loaded via Google Fonts
@import only — the sole permitted external resource.
test cases passed, vs 4 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.