Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →zzafergok/html-slides-skill
Create interactive HTML presentations using reveal.js.
Passed 25 of 25 test cases with the skill, and 24 of 25 without it.
1 fixed24 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
I need a complete, self-contained HTML presentation file for an upcoming engineering team talk about GraphQL vs REST. Can you build a reveal.js deck containing a gradient title slide, an agenda list where items appear one by one upon advancing, a nested vertical slide group breaking down query syntax with code syntax highlighting and line focal points, and speaker notes attached to the summary slide? Please provide the full HTML markup.
| Checked | Without skill | With skill |
|---|---|---|
| The title slide section element uses the data-background-gradient attribute for the background gradient. | Missed | Passed |
| The HTML file imports scripts and stylesheets from the cdn.jsdelivr.net domain. | Missed | Passed |
The instructions your model reads when the skill loads.
A guide to creating interactive, web-based presentations with reveal.js.
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/reveal.css " />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/theme/black.css " />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4/plugin/highlight/monokai.css " />
</head>
<body>
<div class="reveal">
<div class="slides">
<section>Slide 1</section>
<section>Slide 2</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/reveal.js "></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4/plugin/highlight/highlight.js "></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4/plugin/notes/notes.js "></script>
<script>
Reveal.initialize({
hash: true,
plugins: [RevealHighlight, RevealNotes],
})
</script>
</body>
test cases passed, vs 24 / 25 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.