Individual skill
html-ppt
HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation".
SKILL.md
Source commit fd1629067909ff55b36b905476de4e5f26062a1f
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Local scripts
- Last checked
- Nov 2, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 9,013
- Repository last updated
- Sep 14, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.clawscan-allowasset · 623 bytes.gitignoreasset · 10 bytesLICENSEasset · 1,084 bytesREADME.mddoc · 15,221 bytesREADME.zh-CN.mddoc · 15,977 bytesSKILL.mdcore · 19,834 bytesSKILL.mdcore · 19,834 bytesSKILL.mdcore · 19,834 bytesSKILL.mdcore · 19,834 bytesSKILL.mdcore · 19,834 bytesassets/animations/animations.cssasset · 8,065 bytesassets/animations/fx-runtime.jsruns · 3,474 bytesassets/animations/fx/_util.jsruns · 1,943 bytesassets/animations/fx/chain-react.jsruns · 1,430 bytesassets/animations/fx/confetti-cannon.jsruns · 1,559 bytesassets/animations/fx/constellation.jsruns · 1,337 bytesassets/animations/fx/counter-explosion.jsruns · 2,345 bytesassets/animations/fx/data-stream.jsruns · 1,525 bytesassets/animations/fx/firework.jsruns · 1,681 bytesassets/animations/fx/galaxy-swirl.jsruns · 1,047 bytesassets/animations/fx/gradient-blob.jsruns · 1,398 bytesassets/animations/fx/knowledge-graph.jsruns · 2,492 bytesassets/animations/fx/letter-explode.jsruns · 2,067 bytesassets/animations/fx/magnetic-field.jsruns · 1,283 bytesassets/animations/fx/matrix-rain.jsruns · 1,131 bytesassets/animations/fx/neural-net.jsruns · 2,693 bytesassets/animations/fx/orbit-ring.jsruns · 1,347 bytesassets/animations/fx/particle-burst.jsruns · 1,244 bytesassets/animations/fx/shockwave.jsruns · 1,376 bytesassets/animations/fx/sparkle-trail.jsruns · 1,937 bytesassets/animations/fx/starfield.jsruns · 990 bytesassets/animations/fx/typewriter-multi.jsruns · 2,177 bytesassets/animations/fx/word-cascade.jsruns · 1,681 bytesassets/base.cssasset · 15,340 bytesassets/demo-images/README.mddoc · 616 bytesassets/demo-images/photo-landscape.svgasset · 607 bytesassets/demo-images/photo-portrait.svgasset · 586 bytesassets/demo-images/photo-square.svgasset · 596 bytesassets/demo-images/photo-wide.svgasset · 525 bytesassets/demo-images/shot-after.svgasset · 1,066 bytesassets/demo-images/shot-before.svgasset · 1,066 bytesassets/demo-images/shot-ui.svgasset · 1,065 bytesassets/fonts.cssasset · 889 bytesassets/runtime.jsruns · 46,930 bytesassets/themes/academic-paper.cssasset · 1,301 bytesassets/themes/arctic-cool.cssasset · 731 bytesassets/themes/aurora.cssasset · 1,153 bytesassets/themes/bauhaus.cssasset · 777 bytesassets/themes/blueprint.cssasset · 1,015 bytesassets/themes/catppuccin-latte.cssasset · 721 bytesassets/themes/catppuccin-mocha.cssasset · 718 bytesassets/themes/corporate-clean.cssasset · 1,008 bytesassets/themes/cyberpunk-neon.cssasset · 1,401 bytesassets/themes/dracula.cssasset · 708 bytesassets/themes/editorial-serif.cssasset · 921 bytesassets/themes/engineering-whiteprint.cssasset · 1,406 bytesassets/themes/glassmorphism.cssasset · 1,234 bytesassets/themes/gruvbox-dark.cssasset · 694 bytesassets/themes/japanese-minimal.cssasset · 1,062 bytesassets/themes/magazine-bold.cssasset · 1,174 bytesassets/themes/memphis-pop.cssasset · 1,025 bytesassets/themes/midcentury.cssasset · 978 bytesassets/themes/minimal-white.cssasset · 819 bytesassets/themes/neo-brutalism.cssasset · 851 bytesassets/themes/news-broadcast.cssasset · 1,184 bytesassets/themes/nord.cssasset · 686 bytesassets/themes/pitch-deck-vc.cssasset · 1,302 bytesassets/themes/rainbow-gradient.cssasset · 897 bytesassets/themes/retro-tv.cssasset · 1,240 bytesassets/themes/rose-pine.cssasset · 693 bytesassets/themes/sharp-mono.cssasset · 798 bytesassets/themes/soft-pastel.cssasset · 723 bytesassets/themes/solarized-light.cssasset · 703 bytesassets/themes/sunset-warm.cssasset · 733 bytesassets/themes/swiss-grid.cssasset · 987 bytesassets/themes/terminal-green.cssasset · 895 bytesassets/themes/tokyo-night.cssasset · 693 bytesassets/themes/vaporwave.cssasset · 1,292 bytesassets/themes/xiaohongshu-white.cssasset · 815 bytesassets/themes/y2k-chrome.cssasset · 1,410 bytesdocs/readme/_theme-cell.htmlasset · 2,681 bytesdocs/readme/animations.pngasset · 614,483 bytesdocs/readme/hero.gifasset · 2,415,226 bytesdocs/readme/layouts-live.gifasset · 569,121 bytesdocs/readme/layouts.pngasset · 117,431 bytesdocs/readme/montage-animations.htmlasset · 4,707 bytesdocs/readme/montage-layouts.htmlasset · 3,132 bytesdocs/readme/montage-templates.htmlasset · 3,270 bytesdocs/readme/montage-themes.htmlasset · 2,951 bytesdocs/readme/presenter-mode.pngasset · 515,363 bytesdocs/readme/templates.pngasset · 296,628 bytesdocs/readme/themes.pngasset · 251,220 bytesexamples/demo-deck/index.htmlruns · 8,916 bytesreferences/animations.mddoc · 7,708 bytesreferences/authoring-guide.mddoc · 6,411 bytesreferences/full-decks.mddoc · 8,614 bytesreferences/layouts.mddoc · 6,075 bytesreferences/presenter-mode.mddoc · 9,918 bytesreferences/themes.mddoc · 6,283 bytesscripts/new-deck.shruns · 7,058 bytesscripts/render.shruns · 3,116 bytesscripts/verify-output/animation-showcase/animation-showcase_01.pngasset · 70,160 bytesscripts/verify-output/animation-showcase/animation-showcase_02.pngasset · 60,872 bytesscripts/verify-output/animation-showcase/animation-showcase_03.pngasset · 51,744 bytesscripts/verify-output/animation-showcase/animation-showcase_04.pngasset · 65,449 bytesscripts/verify-output/animation-showcase/animation-showcase_05.pngasset · 323,375 bytesscripts/verify-output/animation-showcase/animation-showcase_06.pngasset · 123,071 bytesscripts/verify-output/animation-showcase/animation-showcase_07.pngasset · 143,856 bytesscripts/verify-output/animation-showcase/animation-showcase_08.pngasset · 212,293 bytesscripts/verify-output/animation-showcase/animation-showcase_09.pngasset · 118,092 bytesscripts/verify-output/animation-showcase/animation-showcase_10.pngasset · 90,378 bytesscripts/verify-output/animation-showcase/animation-showcase_11.pngasset · 64,361 bytesscripts/verify-output/animation-showcase/animation-showcase_12.pngasset · 61,286 bytesscripts/verify-output/animation-showcase/animation-showcase_13.pngasset · 70,648 bytesscripts/verify-output/animation-showcase/animation-showcase_14.pngasset · 82,212 bytesscripts/verify-output/animation-showcase/animation-showcase_15.pngasset · 174,188 bytesscripts/verify-output/animation-showcase/animation-showcase_16.pngasset · 254,016 bytesscripts/verify-output/animation-showcase/animation-showcase_17.pngasset · 65,713 bytesscripts/verify-output/animation-showcase/animation-showcase_18.pngasset · 194,303 bytesscripts/verify-output/animation-showcase/animation-showcase_19.pngasset · 72,231 bytesscripts/verify-output/animation-showcase/animation-showcase_20.pngasset · 91,488 bytesscripts/verify-output/theme-showcase/theme-showcase_01.pngasset · 80,492 bytesscripts/verify-output/theme-showcase/theme-showcase_02.pngasset · 96,826 bytesscripts/verify-output/theme-showcase/theme-showcase_03.pngasset · 93,306 bytesscripts/verify-output/theme-showcase/theme-showcase_04.pngasset · 69,158 bytesscripts/verify-output/theme-showcase/theme-showcase_05.pngasset · 86,472 bytesscripts/verify-output/theme-showcase/theme-showcase_06.pngasset · 89,257 bytesscripts/verify-output/theme-showcase/theme-showcase_07.pngasset · 84,259 bytesscripts/verify-output/theme-showcase/theme-showcase_08.pngasset · 89,205 bytesscripts/verify-output/theme-showcase/theme-showcase_09.pngasset · 77,586 bytesscripts/verify-output/theme-showcase/theme-showcase_10.pngasset · 83,122 bytesscripts/verify-output/theme-showcase/theme-showcase_11.pngasset · 80,025 bytesscripts/verify-output/theme-showcase/theme-showcase_12.pngasset · 81,893 bytesscripts/verify-output/theme-showcase/theme-showcase_13.pngasset · 81,128 bytesscripts/verify-output/theme-showcase/theme-showcase_14.pngasset · 81,506 bytesscripts/verify-output/theme-showcase/theme-showcase_15.pngasset · 70,415 bytesscripts/verify-output/theme-showcase/theme-showcase_16.pngasset · 90,353 bytesscripts/verify-output/theme-showcase/theme-showcase_17.pngasset · 74,289 bytesscripts/verify-output/theme-showcase/theme-showcase_18.pngasset · 71,167 bytesscripts/verify-output/theme-showcase/theme-showcase_19.pngasset · 122,185 bytesscripts/verify-output/theme-showcase/theme-showcase_20.pngasset · 84,129 bytesscripts/verify-output/theme-showcase/theme-showcase_21.pngasset · 83,820 bytesscripts/verify-output/theme-showcase/theme-showcase_22.pngasset · 84,473 bytesscripts/verify-output/theme-showcase/theme-showcase_23.pngasset · 82,153 bytesscripts/verify-output/theme-showcase/theme-showcase_24.pngasset · 71,418 bytesscripts/verify-output/theme-showcase/theme-showcase_25.pngasset · 155,914 bytesscripts/verify-output/theme-showcase/theme-showcase_26.pngasset · 96,910 bytesscripts/verify-output/theme-showcase/theme-showcase_27.pngasset · 93,069 bytesscripts/verify-output/theme-showcase/theme-showcase_28.pngasset · 79,293 bytesscripts/verify-output/theme-showcase/theme-showcase_29.pngasset · 122,874 bytesscripts/verify-output/theme-showcase/theme-showcase_30.pngasset · 81,906 bytesscripts/verify-output/theme-showcase/theme-showcase_31.pngasset · 83,624 bytesscripts/verify-output/theme-showcase/theme-showcase_32.pngasset · 75,464 bytesscripts/verify-output/theme-showcase/theme-showcase_33.pngasset · 79,222 bytesscripts/verify-output/theme-showcase/theme-showcase_34.pngasset · 85,236 bytesscripts/verify-output/theme-showcase/theme-showcase_35.pngasset · 104,609 bytesscripts/verify-output/theme-showcase/theme-showcase_36.pngasset · 79,975 bytestemplates/animation-showcase.htmlasset · 7,681 bytestemplates/deck.htmlasset · 3,293 bytestemplates/full-decks-index.htmlasset · 4,508 bytestemplates/full-decks/course-module/README.mddoc · 627 bytestemplates/full-decks/course-module/index.htmlasset · 10,011 bytestemplates/full-decks/course-module/style.cssasset · 4,515 bytestemplates/full-decks/dir-key-nav-minimal/README.mddoc · 1,021 bytestemplates/full-decks/dir-key-nav-minimal/index.htmlasset · 6,169 bytestemplates/full-decks/dir-key-nav-minimal/style.cssasset · 4,828 bytestemplates/full-decks/graphify-dark-graph/README.mddoc · 937 bytestemplates/full-decks/graphify-dark-graph/index.htmlasset · 11,147 bytestemplates/full-decks/graphify-dark-graph/style.cssasset · 5,117 bytestemplates/full-decks/hermes-cyber-terminal/README.mddoc · 1,016 bytestemplates/full-decks/hermes-cyber-terminal/index.htmlasset · 11,764 bytestemplates/full-decks/hermes-cyber-terminal/style.cssasset · 5,810 bytestemplates/full-decks/knowledge-arch-blueprint/README.mddoc · 933 bytestemplates/full-decks/knowledge-arch-blueprint/index.htmlasset · 11,812 bytestemplates/full-decks/knowledge-arch-blueprint/style.cssasset · 5,010 bytestemplates/full-decks/obsidian-claude-gradient/README.mddoc · 901 bytestemplates/full-decks/obsidian-claude-gradient/index.htmlasset · 7,712 bytestemplates/full-decks/obsidian-claude-gradient/style.cssasset · 6,188 bytestemplates/full-decks/pitch-deck/README.mddoc · 524 bytestemplates/full-decks/pitch-deck/index.htmlasset · 8,040 bytestemplates/full-decks/pitch-deck/style.cssasset · 3,673 bytestemplates/full-decks/presenter-mode-reveal/README.mddoc · 3,964 bytestemplates/full-decks/presenter-mode-reveal/index.htmlasset · 14,084 bytestemplates/full-decks/presenter-mode-reveal/style.cssasset · 5,596 bytestemplates/full-decks/product-launch/README.mddoc · 545 bytestemplates/full-decks/product-launch/index.htmlasset · 6,548 bytestemplates/full-decks/product-launch/style.cssasset · 4,087 bytestemplates/full-decks/tech-sharing/README.mddoc · 522 bytestemplates/full-decks/tech-sharing/index.htmlasset · 9,146 bytestemplates/full-decks/tech-sharing/style.cssasset · 3,987 bytestemplates/full-decks/testing-safety-alert/README.mddoc · 967 bytestemplates/full-decks/testing-safety-alert/index.htmlasset · 11,400 bytestemplates/full-decks/testing-safety-alert/style.cssasset · 6,628 bytestemplates/full-decks/weekly-report/README.mddoc · 562 bytestemplates/full-decks/weekly-report/index.htmlasset · 8,546 bytestemplates/full-decks/weekly-report/style.cssasset · 5,121 bytestemplates/full-decks/xhs-pastel-card/README.mddoc · 1,071 bytestemplates/full-decks/xhs-pastel-card/index.htmlasset · 9,363 bytestemplates/full-decks/xhs-pastel-card/style.cssasset · 5,683 bytestemplates/full-decks/xhs-post/README.mddoc · 628 bytestemplates/full-decks/xhs-post/index.htmlasset · 7,887 bytestemplates/full-decks/xhs-post/style.cssasset · 4,618 bytestemplates/full-decks/xhs-white-editorial/README.mddoc · 995 bytestemplates/full-decks/xhs-white-editorial/index.htmlasset · 10,880 bytestemplates/full-decks/xhs-white-editorial/style.cssasset · 5,776 bytestemplates/layout-showcase.htmlasset · 2,343 bytestemplates/single-page/arch-diagram.htmlasset · 2,895 bytestemplates/single-page/big-quote.htmlasset · 1,039 bytestemplates/single-page/bullets.htmlasset · 1,321 bytestemplates/single-page/chart-bar.htmlasset · 1,581 bytestemplates/single-page/chart-line.htmlasset · 1,923 bytestemplates/single-page/chart-pie.htmlasset · 1,903 bytestemplates/single-page/chart-radar.htmlasset · 1,830 bytestemplates/single-page/code.htmlasset · 1,765 bytestemplates/single-page/comparison.htmlasset · 2,006 bytestemplates/single-page/cover.htmlasset · 1,702 bytestemplates/single-page/cta.htmlasset · 1,632 bytestemplates/single-page/diff.htmlasset · 1,920 bytestemplates/single-page/flow-diagram.htmlasset · 1,878 bytestemplates/single-page/gantt.htmlasset · 2,510 bytestemplates/single-page/image-compare.htmlasset · 2,254 bytestemplates/single-page/image-full-bleed.htmlasset · 1,750 bytestemplates/single-page/image-gallery.htmlasset · 2,471 bytestemplates/single-page/image-grid.htmlasset · 1,988 bytestemplates/single-page/image-hero.htmlasset · 1,824 bytestemplates/single-page/image-single.htmlasset · 1,538 bytestemplates/single-page/image-text-split.htmlasset · 2,024 bytestemplates/single-page/kpi-grid.htmlasset · 1,545 bytestemplates/single-page/mindmap.htmlasset · 2,130 bytestemplates/single-page/process-steps.htmlasset · 2,123 bytestemplates/single-page/pros-cons.htmlasset · 1,871 bytestemplates/single-page/roadmap.htmlasset · 2,191 bytestemplates/single-page/section-divider.htmlasset · 989 bytestemplates/single-page/stat-highlight.htmlasset · 989 bytestemplates/single-page/table.htmlasset · 2,040 bytestemplates/single-page/terminal.htmlasset · 2,182 bytestemplates/single-page/thanks.htmlasset · 1,132 bytestemplates/single-page/three-column.htmlasset · 1,233 bytestemplates/single-page/timeline.htmlasset · 2,130 bytestemplates/single-page/toc.htmlasset · 1,814 bytestemplates/single-page/todo-checklist.htmlasset · 2,406 bytestemplates/single-page/two-column.htmlasset · 1,552 bytestemplates/theme-showcase.htmlasset · 6,456 bytes
Read excerpt
# html-ppt — HTML PPT Studio
Author professional HTML presentations as static files. One theme file = one
look. One layout file = one page type. One animation class = one entry effect.
All pages share a token-based design system in `assets/base.css`.
## Install
```bash
npx skills add https://github.com/lewislulu/html-ppt-skill
```
One command, no build. Pure static HTML/CSS/JS with only CDN webfonts.