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

html-ppt-tech-sharing

Generates GitHub-dark HTML slide decks for engineering tech talks and code-heavy presentations.

Updated May 20, 2026
Search Tags:#tech talk#speaker notes#slide template#presentation deck#html slides#code presentation#github dark
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-tech-sharing-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-tech-sharing
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-tech-sharing
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-tech-sharing-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a polished, code-friendly presentation deck for a tech talk usually means fighting with slide software that handles code blocks, monospace fonts, and dark themes poorly. This Skill produces a complete HTML presentation deck with a GitHub-dark visual identity, terminal-style code blocks, agenda and Q&A pages, speaker notes, and keyboard navigation. ## Core Features & Use Cases - Tech-sharing deck template: GitHub-dark theme with JetBrains Mono, terminal-style code windows with syntax highlighting, agenda rows, and a Q&A closing slide. - Full presentation runtime: Slide transitions, animations, speaker notes via <aside class="notes">, presenter view, overview grid, and theme switching across 36 themes. - Use Case: An engineer preparing an internal talk on Rust async runtimes asks for an 8-page deck; the Skill copies the tech-sharing template, wires up the shared CSS/JS runtime, and fills in cover, agenda, deep-dive, code, takeaways, and Q&A slides. ## Quick Start Ask the AI to create an 8-page tech sharing presentation on your topic using the html-ppt-tech-sharing template with code snippets and a Q&A page.

Frequently Asked Questions about html-ppt-tech-sharing

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

FAQPage Schema
How do I create an HTML slide deck for a tech talk?▼

Copy the tech-sharing template's index.html and style.css into your project, keep the .tpl-tech-sharing body class, then replace the demo slides with your content. The deck includes cover, agenda, code, takeaways, and Q&A layouts out of the box.

How do I add speaker notes to an HTML presentation?▼

Place speaker notes inside an <aside class="notes"> or <div class="notes"> element within each slide. The runtime hides them from the audience and shows them in presenter view; never put presenter-only text as visible slide content.

Why are my slides blank after copying the template?▼

The upstream template links shared CSS and JS via ../../../assets/ paths that only resolve inside the skill tree. Copy fonts.css, base.css, animations.css, and runtime.js into a project-local assets folder and rewrite the link and script tags, or inline them directly.

Can I change the color theme of the deck?▼

Yes, the deck supports 36 themes from the html-ppt assets/themes directory. Link one via the theme-link element and press T during the presentation to cycle through themes; the default GitHub-dark tokens work without any change.

Does the HTML deck support code syntax highlighting?▼

The template provides terminal-style code windows with CSS classes for keywords, functions, strings, comments, and numbers that you apply manually in the markup. It does not bundle an automatic syntax highlighter library.

Related Skills

Explore More Software Engineering Skills→
nexu-ionexu-io
8.2k

deck-tech-sharing

Generate a standards-compliant engineering talk deck template with GitHub-dark styling.

Official
Intermediate
stahurastahura
19

html-deck

Convert source content into HTML slide decks and PDF exports.

Community
Advanced
emilyLi2020emilyLi2020
2

demo-prep

Generate timed 3-act demo scripts with failure backup plans and judge Q&A preparation.

Community
Intermediate
shoshoavishoshoavi

presentation-builder

Generate presentation slide decks from Markdown using Marp, Slidev, or python-pptx.

Community
Intermediate