skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt-hermes-cyber-terminal

Generates dark terminal-styled HTML slide decks for CLI and agent tool reviews.

Updated May 20, 2026
Search Tags:#developer tools#dark mode#presentation deck#html slides#cli review#terminal theme#benchmark charts
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-hermes-cyber-terminal-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-hermes-cyber-terminal
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-hermes-cyber-terminal
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-hermes-cyber-terminal-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a visually consistent, terminal-themed presentation deck for developer tool reviews normally requires hand-writing HTML/CSS from scratch; this Skill provides a ready-made cyber-terminal template with all styling, layouts, and runtime wiring included. ## Core Features & Use Cases - Terminal Visual Identity: Ships a complete dark theme with #0a0c10 background, 56px cyber grid, CRT vignette, scanlines, window traffic-light chrome, $ prompt headings, JetBrains Mono typography, and a blinking cursor. - Review-Oriented Layouts: Includes stroke-only benchmark bar charts, dark syntax-highlighted code/trace blocks, stat cards, and amber/green/red three-tier tags suited for honest-review content. - Speaker Notes & Animations: Supports hidden presenter notes via <aside class="notes"> and slide transition animations through the shared html-ppt runtime. - Use Case: A developer who benchmarked a CLI agent for 72 hours can produce an 8-slide deck with cover, trace excerpts, comparison charts, verdict score, and install instructions in the terminal aesthetic. ## Quick Start Ask the AI to use the html-ppt-hermes-cyber-terminal template to build a CLI or agent review deck, providing the reviewed tool, 3-5 comparison dimensions, and benchmark data.

Frequently Asked Questions about html-ppt-hermes-cyber-terminal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a terminal-style HTML presentation deck?▼

Copy the hermes-cyber-terminal template's index.html and style.css into your project, keep the .tpl-hermes-cyber-terminal body class, and replace the demo slides with your content. The template provides cover, section, chart, code, and verdict slide layouts.

What is this template best used for?▼

It is designed for honest reviews of CLI tools, coding agents, and dev tools, especially decks containing execution traces, code diffs, and benchmark bar charts. The dark terminal aesthetic with scanlines and $ prompt headings fits engineering audiences.

Why do the shared CSS and JS files 404 after copying the template?▼

The upstream index.html references ../../../assets/ paths that only resolve inside the skill directory tree. Either copy fonts.css, base.css, animations.css, and runtime.js into a project-local assets folder and rewrite the paths, or inline their contents directly into index.html.

Can I change the color theme of the deck?▼

Yes. The default tokens work as-is, but you can swap in any of the 36 themes from the html-ppt assets/themes directory via the theme-link element, and press T during the presentation to cycle through them.

How do I add speaker notes without showing them on slides?▼

Place presenter notes inside an aside or div element with the notes class. The CSS hides elements with this class from the audience view, and the runtime displays them in a separate presenter overlay instead.

Related Skills

Explore More Design & Creative Skills→
reidemeister94reidemeister94
10

ai-agent-bench

Benchmark AI agents on coding tasks using git worktrees and metrics.

Community
Advanced
pekralpekral

frontend-slides

Generate self-contained HTML presentation decks with vanilla CSS and JavaScript.

Community
Intermediate
LucasOl1337LucasOl1337

html-ppt-product-launch

Generate a product-launch HTML deck with features, pricing, and call-to-action.

Community
Advanced
LuminaVaultLuminaVault

knowledge-graph-animation

Generate animated D3.js graph visualizations from Obsidian wikilink markdown files.

Official
Intermediate