Guide · Agent skill
How to use the BYOK Model-Choice Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
This guide explains the html-ppt-hermes-cyber-terminal agent skill, a template-based entry point that lets an AI agent build a terminal-style HTML slide deck about choosing and connecting your own AI model. It is written for people who have not used agent skills before. By the end you will know what the skill needs, how to install it, how to ask for a deck, and what to check before presenting the result.
BYOK Model-Choice Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Download the skill ZIP from this page.
- 2Unzip into a skills folder. Unzip into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder.
- 3Install the parent html-ppt skill. Make sure design-templates/html-ppt/ with templates, assets and runtime.js is present.
- 4Make a natural request. Ask for a model-choice deck naming your topic and audience.
- 5Answer the agent's questions. Provide audience, decision target, source materials, deadline and must-keep numbers when asked.
- 6Fix asset links. Use Recipe A or Recipe B so the deck does not rely on parent-relative URLs.
- 7Open and verify. Open the HTML in a browser, check navigation, and verify every fact yourself.
What the skill makes the agent do
This skill is a pointer to a ready-made HTML presentation template called hermes-cyber-terminal. When you ask for it, the agent builds a slide deck on choosing and connecting your own AI model (BYOK, bring your own key), focused on cost, quality and the routing decision.
The deck is meant for decisions such as a funding or approval request. Speaker notes are kept inside notes elements so they do not appear as visible text on the slides. The skill does not check facts: it structures the deck but does not verify model prices or benchmark results.
Install the skill: download the ZIP and unzip it
Download the skill ZIP from this page. Then choose one of two locations. For a personal install, unzip it into ~/.claude/skills/. For a single project, unzip it into the project's .claude/skills/ folder.
If you use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the ZIP there.
This skill depends on the parent html-ppt skill files (design-templates/html-ppt/, including templates, assets and runtime.js). Without them the instructions point to files that are not present, so install the parent skill as well.
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Trigger the skill with a natural request
You do not need a special command. Ask for a deck in plain language that names the topic and audience. The skill's example prompt asks for a decision-grade AI literacy deck for engineers, IT and applied-AI teams.
The agent is instructed to first ask only for missing essentials: audience, decision target, source-of-truth materials, deadline and must-keep numbers. Have those ready to speed up the exchange.
- Make me a slide deck on choosing and wiring our own AI model, covering cost, quality and routing, for our IT leads.
- Build an HTML deck for a funding decision on BYOK model selection in the hermes-cyber-terminal style.
- Create speaker-ready slides on our model-routing options, with speaker notes off the visible slides.
Know what the agent does step by step
The skill tells the agent to read the master html-ppt skill first, because it holds the authoring rules. It then copies index.html and style.css from the hermes-cyber-terminal template folder and keeps the template's body class.
Links to shared CSS and JavaScript in the template point to parent folders that will not resolve after copying. The skill gives two fixes: copy the shared files into a project-local assets folder and rewrite the links, or inline the file contents into one self-contained index.html. Either way the deck should not ship with the original parent-relative links.
- Read the master html-ppt SKILL.md first.
- Copy index.html and style.css from the hermes-cyber-terminal template.
- Fix asset links with Recipe A (copy and rewrite) or Recipe B (inline).
- Optionally swap in one of the 36 themes; default tokens work without changes.
- Keep the structural classes; replace demo content, not classes.
Check the output before you present it
Open the resulting HTML file in a browser to confirm slides navigate. If navigation is dead, the asset links are probably still pointing to parent folders.
Check every number and price yourself against your own sources. The skill only structures the deck and does not verify facts. Confirm that speaker notes sit inside the notes element and do not show on slides.
- Open the file in a browser and step through the slides.
- Verify all costs, benchmarks and model claims against current primary sources.
- Confirm speaker notes are not visible on the slides.
Safety notes: scripts and network
This skill runs no scripts and uses no network access, according to its description. Its work is reading template files and writing an HTML deck.
Because the skill references many files outside its own folder, the parent html-ppt skill files must come from a trusted source. The upstream project is MIT-licensed, and its LICENSE file should stay in place when you redistribute the deck. This skill's own licence is Apache-2.0.
- Runs scripts: no
- Uses network: no
- Keep design-templates/html-ppt/LICENSE in place when redistributing
What people use it for
- An IT lead preparing a model-selection briefing for a funding or approval decision.
- An applied-AI team that wants a deck in a specific terminal-style visual identity.
- A team that already has the html-ppt skill and wants this template as a starting point.
- Drafting a routing-options presentation with speaker notes kept off the slides.
Frequently asked questions
Do I need to install anything else before this skill works?
Yes. The skill requires the parent html-ppt skill files at design-templates/html-ppt/, including templates, assets and runtime.js. It also needs a browser to open the resulting HTML deck.
Where do I install the skill?
Unzip the downloaded ZIP into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder. In the Claude apps, upload the ZIP under Settings, then Capabilities, then Skills.
Is this skill free to use?
The skill is licensed under Apache-2.0. The upstream html-ppt visual system and runtime are MIT-licensed, and the LICENSE file should remain in the redistributed files.
Will the skill check model prices or benchmark results?
No. The skill only structures a deck and does not verify facts, prices or benchmarks. You need to check every figure against your own current sources.
Why do the slides load with no navigation after I copy the template?
The template's links point to ../../../assets/ paths that only work inside the original folder tree. Copy the shared files into a project assets folder and rewrite the links, or inline them into one file.
How does this compare with other slide tools or templates?
This skill is a specific HTML template with a terminal-style look, produced by an agent. The source does not compare it with other tools, so judge it by whether you want that visual identity and an HTML file you can open in a browser.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you are an engineering or IT lead, or an applied-AI team, who needs a model-selection deck in the hermes-cyber-terminal style and already has or can install the html-ppt parent skill. Pick something else if you need a deck without those upstream files, or if you expect the skill to verify prices or benchmarks.
Download the skill