hamsurang-slide
OfficialCreate single-file Hamsurang HTML presentations
Authorhamsurang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Quickly produce polished, browser-ready slide decks in a single HTML file that adhere to the Hamsurang Soft Modern design system, removing the friction of manual slide layout, CSS management, asset inlining, and speaker notes authoring.
Core Features & Use Cases
- Generates a single 1280×720 HTML file with all CSS and JS inlined so the presentation opens directly in a browser.
- Supports light/dark themes, 14 slide types (title, agenda, code, architecture, timeline, etc.), speaker notes via data-notes, and conditional inclusion of highlight.js and mermaid.js when needed.
- Maintains a CSS Single Source of Truth and responsive rules from provided references, and includes a Node.js helper to inline SVG assets for distribution.
- Use case: prepare a 10–20 minute Hamsurang meetup talk in Korean with title, agenda, section dividers, code examples, and an architecture diagram, then export a single index.html to share.
Quick Start
Generate a 10-minute Hamsurang presentation in Korean about "project X" with an outline, light theme, 12–16 slides, and speaker notes, then run the inline assets script to embed SVGs.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: hamsurang-slide Download link: https://github.com/hamsurang/kit/archive/main.zip#hamsurang-slide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.