Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →notque/frontend-slides
Browser-based HTML presentation generation.
Passed 18 of 23 test cases with the skill, and 7 of 23 without it.
and 9 more in the full report
12 fixed8 passed either way5 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
When a user wants a custom visual theme for an HTML deck but does not know preset names, what four specific mood options should be presented?
| Checked | Without skill | With skill |
|---|---|---|
| Lists mood options of impressed, energized, focused, and inspired. | Missed | Passed |
The instructions your model reads when the skill loads.
Generate browser-based HTML presentations as a single self-contained .html file. Three entry paths: new build from topic/notes, PPTX-to-HTML conversion, or enhancement of an existing HTML deck.
Routing disambiguation: When the user says only "slides" or "deck" without specifying format, ask exactly one question before proceeding: "Should this be an HTML file (opens in browser) or a PowerPoint file (.pptx)?" This skill only produces HTML — it converts an existing PPTX to HTML but cannot generate a new .pptx file.
Assemble CSS: python3 skills/frontend/frontend-slides/scripts/assemble-styles.py --preset <name>. Use --list for all 12, --mood <word> to match.
Templates: templates/base.css (mandatory base), templates/presets/*.css (preset :root variables).
| Preset | Mood | Use Case |
|---|---|---|
| obsidian-gold | impressed | executive briefings, boards |
| arctic-minimal | focused | engineering, dev conferences |
| carbon-ember | energized | product launches, pitches |
| sage-paper | inspired | thought leadership, narrative |
| void-neon | futuristic | dev tools, AI, hackathons |
| slate-coral | contemporary | SaaS demos, sales |
| chalk-board | educational | workshops, training |
| glacier-blue | trusted | financial, legal, healthcare |
| rose-noir | artistic | fashion, design portfolios |
| solar-sand | warm | non-profit, community |
| steel-wire | industrial | data science, DevOps |
| lavender-mist | calm | wellness, meditation |
Assemble layout CSS: python3 skills/frontend/frontend-slides/scripts/assemble-layouts.py --layouts title,content,code. --all for everything, --include-html for HTML templates.
Each layout in templates/layouts/ has paired .html + .css: title, content, grid, code, quote, image, section-break.
Assemble controller: python3 skills/frontend/frontend-slides/scripts/assemble-controllers.py --core. Add --features speaker-notes,countdown-timer.
| Symptom | Check | Fix |
|---|---|---|
| Skips slides on keypress | grep -c 'navigating' | Add navigating guard to go() |
test cases passed, vs 7 / 23 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.