Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/fs-notebook-tabs
A computer-science capstone: an on-device ML keyboard that predicts next words privately — problem, method, evaluation, and defense answers. Built as a decision-grade coursework defense deck for professor, defense committee.
Passed 3 of 22 test cases with the skill, and 4 of 22 without it.
and 1 more in the full report
2 fixed1 passed either way16 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
I'm creating a quarterly sales presentation in HTML. I'd like a sleek dark theme with bright neon blue (#00f0ff) and deep purple accents for the slide cards. Provide a complete single-file HTML presentation deck covering our sales results and upcoming target goals.
| Checked | Without skill | With skill |
|---|---|---|
| Sets outer background token --bg-outer to #2d2d2d | Missed | Passed |
| Restricts styling colors to the defined design token palette | Missed | Passed |
The instructions your model reads when the skill loads.
A theme-locked deck plugin derived from the MIT-licensed zarazhangrui/frontend-slides "Notebook Tabs" style preset (STYLE_PRESETS.md section 5). The whole deck reads as one physical, editorially typeset notebook: every slide is a cream paper page floating on a dark desk, with a colorful tab index on the right fore-edge and binder holes on the left.
Start from example.html in this plugin folder. It is the proven seed: keep its stage CSS, the paper/holes/tabs device, the :root token block, and the entire SlidePresentation controller script verbatim — replace only the slide content. Do not redesign, do not introduce any color or font outside this spec.
.deck-viewport (fills the window) wraps .deck-stage (1920×1080, transform-origin: 0 0).factor = min(innerWidth/1920, innerHeight/1080), then translate(x, y) scale(factor) to center with letterbox/pillarbox; re-run on resize. This is the viewport-base.css system — the full file is already inlined in the seed.clamp() tab sizing is superseded by stage scaling — use fixed px)..active/.visible (visibility/opacity/pointer-events) — never display: none.←/→/↑/↓/Space/PageUp/PageDown/Home/End), debounced wheel (~650ms), touch swipe (≥40px), and #/<index> hash routing with deep-link restore. The page counter lives in .deck-controls, fixed-positioned outside the scaled stage.:root {
/* Colors */
--bg-outer: #2d2d2d; /* dark desk behind the notebook */
--bg-page: #f8f6f1; /* cream paper */
--text-primary: #1a1a1a;
--text-secondary: #6b6358;
--rule: #d8d2c4; /* hairline rules on paper */
--tab-1: #98d4bb; /* Mint */
--tab-2: #c7b8ea; /* Lavender */
--tab-3: #f4b8c5; /* Pink */
--tab-4: #a8d8ea; /* Sky */
--tab-5: #ffe6a7; /* Cream */
--stage-bg: var(--bg-outer);
--slide-bg: var(--bg-outer);
/* Typography */
--font-display: 'Bodoni Moda', 'Didot', serif; /* 400/700 + italic */
--font-body: 'DM Sans', 'Helvetica Neue', sans-serif; /* 400/500/700 */
--title-size: 150px;
--h2-size: 84px;
--subtitle-size: 30px;
--body-size: 26px;
--label-size: 17px;
test cases passed, vs 4 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.