gatelynch/html-slides

html-slides is a skill file for Claude Code, an AI coding assistant. Installing this skill lets you ask Claude in plain language to build a presentation, and it will produce a single self-contained HTML file that opens in any web browser and runs as a full-screen slide deck with no additional software needed. The tool is aimed at teachers, workshop facilitators, and presenters who want to avoid PowerPoint or learning a separate presentation tool. The process works in two stages. First, Claude produces an outline showing what will go on each slide: the layout type, the headline, and the key points. You can review and adjust this outline before any HTML is generated, which makes it much easier to rearrange slides or change the focus than editing a finished presentation. Once you approve the outline, Claude generates the HTML file. Before delivering it, Claude runs through a checklist verifying things like each slide having one main point and the visual style being consistent throughout. The skill offers six visual themes: Clean (the default, calm and readable), Workshop (structured, good for hands-on sessions), Notebook (spacious with a handwritten feel), Story (minimal text, immersive), Lab (technical, feels like an interface), and Dark (high contrast for stages and recordings). A whole presentation uses one theme, applied consistently. You can switch themes by asking Claude to change it and it rebuilds the file. There are 22 slide layout types. Twelve are general purpose: title, agenda, two-column, stat (large numbers), feature grid, comparison table, process steps, timeline, chart, code block, quote, and closing. Ten are teaching-specific layouts: try-it-first (student attempts before seeing the answer), reveal (show the worked example after trying), prompt lab (AI prompt experiments), rubric, classroom case study, reflection, workflow, and before/after comparison. The finished HTML file works offline, supports keyboard navigation with arrow keys, and can include presenter notes visible only to the speaker. Slides can also be published to GitHub Pages if you want to share a public link. The README is written in Traditional Chinese.