#162 by GitHub stars

lewislulu/html-ppt-skill

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 o

Engineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

`SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Local scripts → After Local scripts

fd1629067909 → fd1629067909

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → fd1629067909

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit fd1629067909ff55b36b905476de4e5f26062a1f

9kGitHub stars

80stars in 7 days

1skill in this repository

0commits in 30 days

Heat

6.0

Star growth, last 7 daysAhead of 82% of tracked repositories
Star growth, last 24 hoursAhead of 84% of tracked repositories
Rank movement, last 7 daysAhead of 72% of tracked repositories
Commits, last 30 daysAhead of 0% of tracked repositories
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Individual skills in this repository

html-ppt /

How it works

html-ppt

When your agent uses it

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".

What it loads into context

Frontmatter

173 tokens

Always available to the agent

SKILL.md

5,072 tokens

When the skill is activated

Reference documents

25,993 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

Install
What the skill gives you
When to use
Before you author anything — ALWAYS ask or recommend
Quick start
Authoring rules (important)
Images
Custom logo
Writing guide
Catalogs (load when needed)
File structure
Rendering to PNG
Keyboard cheat sheet
License & author

Scripts executed separately

assets/animations/fx-runtime.js
assets/animations/fx/_util.js
assets/animations/fx/chain-react.js
assets/animations/fx/confetti-cannon.js
assets/animations/fx/constellation.js
assets/animations/fx/counter-explosion.js
assets/animations/fx/data-stream.js
assets/animations/fx/firework.js
assets/animations/fx/galaxy-swirl.js
assets/animations/fx/gradient-blob.js
assets/animations/fx/knowledge-graph.js
assets/animations/fx/letter-explode.js
assets/animations/fx/magnetic-field.js
assets/animations/fx/matrix-rain.js
assets/animations/fx/neural-net.js
assets/animations/fx/orbit-ring.js
assets/animations/fx/particle-burst.js
assets/animations/fx/shockwave.js
assets/animations/fx/sparkle-trail.js
assets/animations/fx/starfield.js
assets/animations/fx/typewriter-multi.js
assets/animations/fx/word-cascade.js
assets/runtime.js
examples/demo-deck/index.html
scripts/new-deck.sh
scripts/render.sh

Files

.clawscan-allowasset623 bytes
.gitignoreasset10 bytes
LICENSEasset1,084 bytes
README.mddoc15,221 bytes
README.zh-CN.mddoc15,977 bytes
SKILL.mdcore19,834 bytes
SKILL.mdcore19,834 bytes
SKILL.mdcore19,834 bytes
SKILL.mdcore19,834 bytes
SKILL.mdcore19,834 bytes
assets/animations/animations.cssasset8,065 bytes
assets/animations/fx-runtime.jsruns3,474 bytes
assets/animations/fx/_util.jsruns1,943 bytes
assets/animations/fx/chain-react.jsruns1,430 bytes
assets/animations/fx/confetti-cannon.jsruns1,559 bytes
assets/animations/fx/constellation.jsruns1,337 bytes
assets/animations/fx/counter-explosion.jsruns2,345 bytes
assets/animations/fx/data-stream.jsruns1,525 bytes
assets/animations/fx/firework.jsruns1,681 bytes
assets/animations/fx/galaxy-swirl.jsruns1,047 bytes
assets/animations/fx/gradient-blob.jsruns1,398 bytes
assets/animations/fx/knowledge-graph.jsruns2,492 bytes
assets/animations/fx/letter-explode.jsruns2,067 bytes
assets/animations/fx/magnetic-field.jsruns1,283 bytes
assets/animations/fx/matrix-rain.jsruns1,131 bytes
assets/animations/fx/neural-net.jsruns2,693 bytes
assets/animations/fx/orbit-ring.jsruns1,347 bytes
assets/animations/fx/particle-burst.jsruns1,244 bytes
assets/animations/fx/shockwave.jsruns1,376 bytes
assets/animations/fx/sparkle-trail.jsruns1,937 bytes
assets/animations/fx/starfield.jsruns990 bytes
assets/animations/fx/typewriter-multi.jsruns2,177 bytes
assets/animations/fx/word-cascade.jsruns1,681 bytes
assets/base.cssasset15,340 bytes
assets/demo-images/README.mddoc616 bytes
assets/demo-images/photo-landscape.svgasset607 bytes
assets/demo-images/photo-portrait.svgasset586 bytes
assets/demo-images/photo-square.svgasset596 bytes
assets/demo-images/photo-wide.svgasset525 bytes
assets/demo-images/shot-after.svgasset1,066 bytes
assets/demo-images/shot-before.svgasset1,066 bytes
assets/demo-images/shot-ui.svgasset1,065 bytes
assets/fonts.cssasset889 bytes
assets/runtime.jsruns46,930 bytes
assets/themes/academic-paper.cssasset1,301 bytes
assets/themes/arctic-cool.cssasset731 bytes
assets/themes/aurora.cssasset1,153 bytes
assets/themes/bauhaus.cssasset777 bytes
assets/themes/blueprint.cssasset1,015 bytes
assets/themes/catppuccin-latte.cssasset721 bytes
assets/themes/catppuccin-mocha.cssasset718 bytes
assets/themes/corporate-clean.cssasset1,008 bytes
assets/themes/cyberpunk-neon.cssasset1,401 bytes
assets/themes/dracula.cssasset708 bytes
assets/themes/editorial-serif.cssasset921 bytes
assets/themes/engineering-whiteprint.cssasset1,406 bytes
assets/themes/glassmorphism.cssasset1,234 bytes
assets/themes/gruvbox-dark.cssasset694 bytes
assets/themes/japanese-minimal.cssasset1,062 bytes
assets/themes/magazine-bold.cssasset1,174 bytes
assets/themes/memphis-pop.cssasset1,025 bytes
assets/themes/midcentury.cssasset978 bytes
assets/themes/minimal-white.cssasset819 bytes
assets/themes/neo-brutalism.cssasset851 bytes
assets/themes/news-broadcast.cssasset1,184 bytes
assets/themes/nord.cssasset686 bytes
assets/themes/pitch-deck-vc.cssasset1,302 bytes
assets/themes/rainbow-gradient.cssasset897 bytes
assets/themes/retro-tv.cssasset1,240 bytes
assets/themes/rose-pine.cssasset693 bytes
assets/themes/sharp-mono.cssasset798 bytes
assets/themes/soft-pastel.cssasset723 bytes
assets/themes/solarized-light.cssasset703 bytes
assets/themes/sunset-warm.cssasset733 bytes
assets/themes/swiss-grid.cssasset987 bytes
assets/themes/terminal-green.cssasset895 bytes
assets/themes/tokyo-night.cssasset693 bytes
assets/themes/vaporwave.cssasset1,292 bytes
assets/themes/xiaohongshu-white.cssasset815 bytes
assets/themes/y2k-chrome.cssasset1,410 bytes
docs/readme/_theme-cell.htmlasset2,681 bytes
docs/readme/animations.pngasset614,483 bytes
docs/readme/hero.gifasset2,415,226 bytes
docs/readme/layouts-live.gifasset569,121 bytes
docs/readme/layouts.pngasset117,431 bytes
docs/readme/montage-animations.htmlasset4,707 bytes
docs/readme/montage-layouts.htmlasset3,132 bytes
docs/readme/montage-templates.htmlasset3,270 bytes
docs/readme/montage-themes.htmlasset2,951 bytes
docs/readme/presenter-mode.pngasset515,363 bytes
docs/readme/templates.pngasset296,628 bytes
docs/readme/themes.pngasset251,220 bytes
examples/demo-deck/index.htmlruns8,916 bytes
references/animations.mddoc7,708 bytes
references/authoring-guide.mddoc6,411 bytes
references/full-decks.mddoc8,614 bytes
references/layouts.mddoc6,075 bytes
references/presenter-mode.mddoc9,918 bytes
references/themes.mddoc6,283 bytes
scripts/new-deck.shruns7,058 bytes
scripts/render.shruns3,116 bytes
scripts/verify-output/animation-showcase/animation-showcase_01.pngasset70,160 bytes
scripts/verify-output/animation-showcase/animation-showcase_02.pngasset60,872 bytes
scripts/verify-output/animation-showcase/animation-showcase_03.pngasset51,744 bytes
scripts/verify-output/animation-showcase/animation-showcase_04.pngasset65,449 bytes
scripts/verify-output/animation-showcase/animation-showcase_05.pngasset323,375 bytes
scripts/verify-output/animation-showcase/animation-showcase_06.pngasset123,071 bytes
scripts/verify-output/animation-showcase/animation-showcase_07.pngasset143,856 bytes
scripts/verify-output/animation-showcase/animation-showcase_08.pngasset212,293 bytes
scripts/verify-output/animation-showcase/animation-showcase_09.pngasset118,092 bytes
scripts/verify-output/animation-showcase/animation-showcase_10.pngasset90,378 bytes
scripts/verify-output/animation-showcase/animation-showcase_11.pngasset64,361 bytes
scripts/verify-output/animation-showcase/animation-showcase_12.pngasset61,286 bytes
scripts/verify-output/animation-showcase/animation-showcase_13.pngasset70,648 bytes
scripts/verify-output/animation-showcase/animation-showcase_14.pngasset82,212 bytes
scripts/verify-output/animation-showcase/animation-showcase_15.pngasset174,188 bytes
scripts/verify-output/animation-showcase/animation-showcase_16.pngasset254,016 bytes
scripts/verify-output/animation-showcase/animation-showcase_17.pngasset65,713 bytes
scripts/verify-output/animation-showcase/animation-showcase_18.pngasset194,303 bytes
scripts/verify-output/animation-showcase/animation-showcase_19.pngasset72,231 bytes
scripts/verify-output/animation-showcase/animation-showcase_20.pngasset91,488 bytes
scripts/verify-output/theme-showcase/theme-showcase_01.pngasset80,492 bytes
scripts/verify-output/theme-showcase/theme-showcase_02.pngasset96,826 bytes
scripts/verify-output/theme-showcase/theme-showcase_03.pngasset93,306 bytes
scripts/verify-output/theme-showcase/theme-showcase_04.pngasset69,158 bytes
scripts/verify-output/theme-showcase/theme-showcase_05.pngasset86,472 bytes
scripts/verify-output/theme-showcase/theme-showcase_06.pngasset89,257 bytes
scripts/verify-output/theme-showcase/theme-showcase_07.pngasset84,259 bytes
scripts/verify-output/theme-showcase/theme-showcase_08.pngasset89,205 bytes
scripts/verify-output/theme-showcase/theme-showcase_09.pngasset77,586 bytes
scripts/verify-output/theme-showcase/theme-showcase_10.pngasset83,122 bytes
scripts/verify-output/theme-showcase/theme-showcase_11.pngasset80,025 bytes
scripts/verify-output/theme-showcase/theme-showcase_12.pngasset81,893 bytes
scripts/verify-output/theme-showcase/theme-showcase_13.pngasset81,128 bytes
scripts/verify-output/theme-showcase/theme-showcase_14.pngasset81,506 bytes
scripts/verify-output/theme-showcase/theme-showcase_15.pngasset70,415 bytes
scripts/verify-output/theme-showcase/theme-showcase_16.pngasset90,353 bytes
scripts/verify-output/theme-showcase/theme-showcase_17.pngasset74,289 bytes
scripts/verify-output/theme-showcase/theme-showcase_18.pngasset71,167 bytes
scripts/verify-output/theme-showcase/theme-showcase_19.pngasset122,185 bytes
scripts/verify-output/theme-showcase/theme-showcase_20.pngasset84,129 bytes
scripts/verify-output/theme-showcase/theme-showcase_21.pngasset83,820 bytes
scripts/verify-output/theme-showcase/theme-showcase_22.pngasset84,473 bytes
scripts/verify-output/theme-showcase/theme-showcase_23.pngasset82,153 bytes
scripts/verify-output/theme-showcase/theme-showcase_24.pngasset71,418 bytes
scripts/verify-output/theme-showcase/theme-showcase_25.pngasset155,914 bytes
scripts/verify-output/theme-showcase/theme-showcase_26.pngasset96,910 bytes
scripts/verify-output/theme-showcase/theme-showcase_27.pngasset93,069 bytes
scripts/verify-output/theme-showcase/theme-showcase_28.pngasset79,293 bytes
scripts/verify-output/theme-showcase/theme-showcase_29.pngasset122,874 bytes
scripts/verify-output/theme-showcase/theme-showcase_30.pngasset81,906 bytes
scripts/verify-output/theme-showcase/theme-showcase_31.pngasset83,624 bytes
scripts/verify-output/theme-showcase/theme-showcase_32.pngasset75,464 bytes
scripts/verify-output/theme-showcase/theme-showcase_33.pngasset79,222 bytes
scripts/verify-output/theme-showcase/theme-showcase_34.pngasset85,236 bytes
scripts/verify-output/theme-showcase/theme-showcase_35.pngasset104,609 bytes
scripts/verify-output/theme-showcase/theme-showcase_36.pngasset79,975 bytes
templates/animation-showcase.htmlasset7,681 bytes
templates/deck.htmlasset3,293 bytes
templates/full-decks-index.htmlasset4,508 bytes
templates/full-decks/course-module/README.mddoc627 bytes
templates/full-decks/course-module/index.htmlasset10,011 bytes
templates/full-decks/course-module/style.cssasset4,515 bytes
templates/full-decks/dir-key-nav-minimal/README.mddoc1,021 bytes
templates/full-decks/dir-key-nav-minimal/index.htmlasset6,169 bytes
templates/full-decks/dir-key-nav-minimal/style.cssasset4,828 bytes
templates/full-decks/graphify-dark-graph/README.mddoc937 bytes
templates/full-decks/graphify-dark-graph/index.htmlasset11,147 bytes
templates/full-decks/graphify-dark-graph/style.cssasset5,117 bytes
templates/full-decks/hermes-cyber-terminal/README.mddoc1,016 bytes
templates/full-decks/hermes-cyber-terminal/index.htmlasset11,764 bytes
templates/full-decks/hermes-cyber-terminal/style.cssasset5,810 bytes
templates/full-decks/knowledge-arch-blueprint/README.mddoc933 bytes
templates/full-decks/knowledge-arch-blueprint/index.htmlasset11,812 bytes
templates/full-decks/knowledge-arch-blueprint/style.cssasset5,010 bytes
templates/full-decks/obsidian-claude-gradient/README.mddoc901 bytes
templates/full-decks/obsidian-claude-gradient/index.htmlasset7,712 bytes
templates/full-decks/obsidian-claude-gradient/style.cssasset6,188 bytes
templates/full-decks/pitch-deck/README.mddoc524 bytes
templates/full-decks/pitch-deck/index.htmlasset8,040 bytes
templates/full-decks/pitch-deck/style.cssasset3,673 bytes
templates/full-decks/presenter-mode-reveal/README.mddoc3,964 bytes
templates/full-decks/presenter-mode-reveal/index.htmlasset14,084 bytes
templates/full-decks/presenter-mode-reveal/style.cssasset5,596 bytes
templates/full-decks/product-launch/README.mddoc545 bytes
templates/full-decks/product-launch/index.htmlasset6,548 bytes
templates/full-decks/product-launch/style.cssasset4,087 bytes
templates/full-decks/tech-sharing/README.mddoc522 bytes
templates/full-decks/tech-sharing/index.htmlasset9,146 bytes
templates/full-decks/tech-sharing/style.cssasset3,987 bytes
templates/full-decks/testing-safety-alert/README.mddoc967 bytes
templates/full-decks/testing-safety-alert/index.htmlasset11,400 bytes
templates/full-decks/testing-safety-alert/style.cssasset6,628 bytes
templates/full-decks/weekly-report/README.mddoc562 bytes
templates/full-decks/weekly-report/index.htmlasset8,546 bytes
templates/full-decks/weekly-report/style.cssasset5,121 bytes
templates/full-decks/xhs-pastel-card/README.mddoc1,071 bytes
templates/full-decks/xhs-pastel-card/index.htmlasset9,363 bytes
templates/full-decks/xhs-pastel-card/style.cssasset5,683 bytes
templates/full-decks/xhs-post/README.mddoc628 bytes
templates/full-decks/xhs-post/index.htmlasset7,887 bytes
templates/full-decks/xhs-post/style.cssasset4,618 bytes
templates/full-decks/xhs-white-editorial/README.mddoc995 bytes
templates/full-decks/xhs-white-editorial/index.htmlasset10,880 bytes
templates/full-decks/xhs-white-editorial/style.cssasset5,776 bytes
templates/layout-showcase.htmlasset2,343 bytes
templates/single-page/arch-diagram.htmlasset2,895 bytes
templates/single-page/big-quote.htmlasset1,039 bytes
templates/single-page/bullets.htmlasset1,321 bytes
templates/single-page/chart-bar.htmlasset1,581 bytes
templates/single-page/chart-line.htmlasset1,923 bytes
templates/single-page/chart-pie.htmlasset1,903 bytes
templates/single-page/chart-radar.htmlasset1,830 bytes
templates/single-page/code.htmlasset1,765 bytes
templates/single-page/comparison.htmlasset2,006 bytes
templates/single-page/cover.htmlasset1,702 bytes
templates/single-page/cta.htmlasset1,632 bytes
templates/single-page/diff.htmlasset1,920 bytes
templates/single-page/flow-diagram.htmlasset1,878 bytes
templates/single-page/gantt.htmlasset2,510 bytes
templates/single-page/image-compare.htmlasset2,254 bytes
templates/single-page/image-full-bleed.htmlasset1,750 bytes
templates/single-page/image-gallery.htmlasset2,471 bytes
templates/single-page/image-grid.htmlasset1,988 bytes
templates/single-page/image-hero.htmlasset1,824 bytes
templates/single-page/image-single.htmlasset1,538 bytes
templates/single-page/image-text-split.htmlasset2,024 bytes
templates/single-page/kpi-grid.htmlasset1,545 bytes
templates/single-page/mindmap.htmlasset2,130 bytes
templates/single-page/process-steps.htmlasset2,123 bytes
templates/single-page/pros-cons.htmlasset1,871 bytes
templates/single-page/roadmap.htmlasset2,191 bytes
templates/single-page/section-divider.htmlasset989 bytes
templates/single-page/stat-highlight.htmlasset989 bytes
templates/single-page/table.htmlasset2,040 bytes
templates/single-page/terminal.htmlasset2,182 bytes
templates/single-page/thanks.htmlasset1,132 bytes
templates/single-page/three-column.htmlasset1,233 bytes
templates/single-page/timeline.htmlasset2,130 bytes
templates/single-page/toc.htmlasset1,814 bytes
templates/single-page/todo-checklist.htmlasset2,406 bytes
templates/single-page/two-column.htmlasset1,552 bytes
templates/theme-showcase.htmlasset6,456 bytes

Read SKILL.md


# 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.

View the complete source on GitHub

Skills included

html-ppt

Repository facts

License: MIT
Created: Apr 15, 2026
Last pushed: Sep 14, 2026
Forks: 762
Open issues: 7
Project activity: Active

Rank over the last 12 weeks

Now #162 · best #144 · down 6 in 30 days

#161 on Oct 30
#162 on Oct 31
#161 on Nov 1
#162 on Nov 2
#163 on Nov 3
#162 since Nov 4

46 earlier periods

#141 on Aug 2
#142 from Aug 7 to Aug 8
#141 on Aug 9
#144 from Aug 10 to Aug 11
#145 from Aug 12 to Aug 14
#146 on Aug 15
#145 on Aug 16
#146 from Aug 17 to Aug 20
#145 on Aug 21
#144 on Aug 22
#146 from Aug 23 to Aug 26
#147 on Aug 27
#148 from Aug 28 to Aug 29
#147 from Aug 30 to Sep 1
#145 on Sep 2
#147 on Sep 3
#145 on Sep 4
#147 on Sep 5
#145 on Sep 6
#148 from Sep 7 to Sep 10
#147 on Sep 11
#150 on Sep 12
#151 on Sep 13
#152 on Sep 14
#151 on Sep 15
#150 on Sep 16
#151 on Sep 17
#152 from Sep 18 to Sep 19
#153 from Sep 20 to Sep 24
#154 from Sep 25 to Sep 27
#155 from Sep 28 to Sep 29
#153 on Sep 30
#155 from Oct 1 to Oct 2
#153 from Oct 3 to Oct 4
#155 on Oct 5
#154 on Oct 6
#155 on Oct 7
#156 from Oct 8 to Oct 14
#155 on Oct 15
#154 on Oct 16
#155 on Oct 17
#157 from Oct 18 to Oct 21
#156 from Oct 22 to Oct 23
#157 on Oct 24
#158 on Oct 25
#159 from Oct 28 to Oct 29

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 2, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 4 notes

SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed

No broad tool permissions
1 dangerous shell commandin 1 file: scripts/new-deck.sh:136
61 network referencesin 24 files: assets/fonts.css:1 templates/single-page/code.html:5 examples/demo-deck/index.html:9 and 21 more
No hidden or obfuscated text
No instruction overrides
26 executable scriptsin 26 files: assets/animations/fx-runtime.js:1 assets/animations/fx/_util.js:1 assets/animations/fx/chain-react.js:1 and 23 more
1 reference to secretsin 1 file: templates/full-decks/obsidian-claude-gradient/index.html:90
No requests to vote in Hot

Show all 89 signals by file

`README.md`

Network accessline 50

npx skills add https://github.com/lewislulu/html-ppt-skill

Network accessline 69

git clone https://github.com/lewislulu/html-ppt-skill

`README.zh-CN.md`

Network accessline 46

npx skills add https://github.com/lewislulu/html-ppt-skill

Network accessline 65

git clone https://github.com/lewislulu/html-ppt-skill

`SKILL.md`

Network accessline 15

npx skills add https://github.com/lewislulu/html-ppt-skill

`assets/animations/fx-runtime.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/_util.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/chain-react.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/confetti-cannon.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/constellation.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/counter-explosion.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/data-stream.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/firework.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/galaxy-swirl.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/gradient-blob.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/knowledge-graph.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/letter-explode.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/magnetic-field.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/matrix-rain.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/neural-net.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/orbit-ring.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/particle-burst.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/shockwave.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/sparkle-trail.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/starfield.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/typewriter-multi.js`

Executable scriptline 1
```
Executable file
```

`assets/animations/fx/word-cascade.js`

Executable scriptline 1
```
Executable file
```

`assets/demo-images/photo-landscape.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1000" viewBox="0 0 1600 1000">

`assets/demo-images/photo-portrait.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="1200" viewBox="0 0 900 1200">

`assets/demo-images/photo-square.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">

`assets/demo-images/photo-wide.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="860" viewBox="0 0 2000 860">

`assets/demo-images/shot-after.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1000" viewBox="0 0 1600 1000">

`assets/demo-images/shot-before.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1000" viewBox="0 0 1600 1000">

`assets/demo-images/shot-ui.svg`

Network accessline 1

<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1000" viewBox="0 0 1600 1000">

`assets/fonts.css`

Network accessline 1

/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

Network accessline 2

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

Network accessline 3

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap');

Network accessline 4

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap');

Network accessline 5

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

Network accessline 6

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap');

Network accessline 7

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

Network accessline 8

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap');

Network accessline 9

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

`assets/runtime.js`

Executable scriptline 1
```
Executable file
```

`examples/demo-deck/index.html`

Executable scriptline 1
```
Executable file
```

Network accessline 9

<link rel="stylesheet" id="theme-link" href="../../assets/themes/aurora.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

Network accessline 10

<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head>

Network accessline 11

<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

`scripts/new-deck.sh`

Executable scriptline 1
```
#!/usr/bin/env bash
```
Dangerous shell operationline 136
```
rm -f "$file.bak"
```

`scripts/render.sh`

Executable scriptline 1
```
#!/usr/bin/env bash
```

`templates/full-decks/graphify-dark-graph/index.html`

Network accessline 16

<div class="gd-ambient"><div class="gd-orb gd-orb-1"></div><div class="gd-orb gd-orb-2"></div><div class="gd-orb gd-orb-3"></div></div>     <!-- live force-directed graph bg -->     <svg viewBox="0 0 1600 900" style="position:absolute;inset

Network accessline 17

<!-- live force-directed graph bg -->     <svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg">       <g stroke="#7eb8da" stroke-width="1" stroke-opaci

Network accessline 18

<svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg">

`templates/full-decks/hermes-cyber-terminal/index.html`

Network accessline 93

<h2 class="hc-h2">72 小时对比</h2>     <p class="hc-lede">同一组 48 个 GitHub issue，两个 agent 各跑一遍</p>     <svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg">

Network accessline 94

<p class="hc-lede">同一组 48 个 GitHub issue，两个 agent 各跑一遍</p>     <svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg">       <g font-family="JetBrains Mono, monospace" font-size="1

Network accessline 95

<svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg">

`templates/full-decks/knowledge-arch-blueprint/index.html`

Network accessline 95

<div class="kb-kicker">System Diagram</div>     <h1 class="kb-h1" style="font-size:44px">反馈回路全貌</h1>     <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">

Network accessline 96

<h1 class="kb-h1" style="font-size:44px">反馈回路全貌</h1>     <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">       <defs>

Network accessline 97

<svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">

`templates/full-decks/obsidian-claude-gradient/index.html`

Network accessline 89

<span class="cc">"env"</span>: {         <span class="cc">"OBSIDIAN_API_KEY"</span>: <span class="cs">"xxxxxxxxxxxxxxxx"</span>,         <span class="cc">"OBSIDIAN_HOST"</span>: <span class="cs">"http://127.0.0.1:27123"</span>

Network accessline 90
```
[Credential-related source omitted]
```
Access to secretsline 90
```
[Credential-related source omitted]
```

Network accessline 91

<span class="cc">"OBSIDIAN_HOST"</span>: <span class="cs">"http://127.0.0.1:27123"</span>

`templates/full-decks/presenter-mode-reveal/index.html`

Network accessline 151

<div class="code-block mt-m"> <span class="comment"># 安装 html-ppt skill</span> <span class="cmd">npx</span> skills add <span class="flag">https://github.com/lewislulu/html-ppt-skill</span>

Network accessline 153

<span class="cmd">npx</span> skills add <span class="flag">https://github.com/lewislulu/html-ppt-skill</span>

`templates/full-decks/testing-safety-alert/index.html`

Network accessline 90

<h2 class="ts-h2">我们 Q1 的 <span class="red">12 起 AI 事故</span></h2>     <p class="ts-sub">幸好全部捕获在 staging。但每一起都能上生产。</p>     <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">

Network accessline 91

<p class="ts-sub">幸好全部捕获在 staging。但每一起都能上生产。</p>     <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">       <g font-family="Inter,sans-serif" font-size="14" fill="#4a4955">

Network accessline 92

<svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">

`templates/full-decks/xhs-white-editorial/index.html`

Network accessline 106

</div>     <h2 class="xw-title-md">越来越 <span class="xw-focus-pink">便宜</span>，越来越 <span class="xw-focus-green">贵</span></h2>     <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg

Network accessline 107

<h2 class="xw-title-md">越来越 <span class="xw-focus-pink">便宜</span>，越来越 <span class="xw-focus-green">贵</span></h2>     <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">       <g

Network accessline 108

<svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">

`templates/single-page/chart-bar.html`

Network accessline 5

<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr

Network accessline 6

<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single">

Network accessline 7

<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

`templates/single-page/chart-line.html`

Network accessline 5

<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr

Network accessline 6

<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single">

Network accessline 7

<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

`templates/single-page/chart-pie.html`

Network accessline 5

<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr

Network accessline 6

<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single">

Network accessline 7

<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

`templates/single-page/chart-radar.html`

Network accessline 5

<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr

Network accessline 6

<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single">

Network accessline 7

<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>

`templates/single-page/code.html`

Network accessline 5

<link rel="stylesheet" id="theme-link" href="../../assets/themes/tokyo-night.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/t

Network accessline 6

<link rel="stylesheet" href="../../assets/animations/animations.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/tokyo-night-dark.min.css"> <script src="https://cdn.jsdelivr.net/npm/highlight.js@11

Network accessline 7

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/tokyo-night-dark.min.css">

Network accessline 8

<script src="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/lib/core.min.js"></script>

Network accessline 9

<script src="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/lib/languages/javascript.min.js"></script>

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 1 fact

Contacts cdn.jsdelivr.net, which SKILL.md, the README and the plugin manifest do not mentionexamples/demo-deck/index.html:11High confidence

Signal confidence: 35 facts

Network access in code of documentationREADME.md:50Low confidence
Network access in code of documentationREADME.md:69Low confidence
Network access in code of documentationREADME.zh-CN.md:46Low confidence
Network access in code of documentationREADME.zh-CN.md:65Low confidence
Network access in code of the SKILL.mdSKILL.md:15High confidence
Executable script in a comment of a file that runsassets/animations/fx-runtime.js:1Low confidence
Executable script in a comment of a file that runsassets/animations/fx/_util.js:1Low confidence
Executable script in code of a file that runsassets/animations/fx/chain-react.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/confetti-cannon.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/constellation.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/counter-explosion.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/data-stream.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/firework.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/galaxy-swirl.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/gradient-blob.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/knowledge-graph.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/letter-explode.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/magnetic-field.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/matrix-rain.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/neural-net.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/orbit-ring.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/particle-burst.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/shockwave.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/sparkle-trail.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/starfield.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/typewriter-multi.js:1High confidence
Executable script in code of a file that runsassets/animations/fx/word-cascade.js:1High confidence
Executable script in a comment of a file that runsassets/runtime.js:1Low confidence
Executable script in code of a file that runsexamples/demo-deck/index.html:1High confidence
Network access in code of a file that runsexamples/demo-deck/index.html:9High confidence
Network access in code of a file that runsexamples/demo-deck/index.html:10High confidence
Network access in code of a file that runsexamples/demo-deck/index.html:11High confidence
Executable script in code of a file that runsscripts/new-deck.sh:1High confidence
Dangerous shell operation in code of a file that runsscripts/new-deck.sh:136High confidence
Executable script in code of a file that runsscripts/render.sh:1High confidence

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Compatible	Standard SKILL.md SKILL.md	`.claude/skills/<skill-name>/`
Codex	Compatible	Standard SKILL.md SKILL.md	`.agents/skills/<skill-name>/`
Cursor	Compatible	Standard SKILL.md SKILL.md	`.cursor/skills/<skill-name>/`
Gemini CLI	Compatible	Standard SKILL.md SKILL.md	`.gemini/skills/<skill-name>/`
GitHub Copilot	Compatible	Standard SKILL.md SKILL.md	`.github/skills/<skill-name>/`
OpenCode	Compatible	Standard SKILL.md SKILL.md	`.opencode/skills/<skill-name>/`

Native The repository ships a manifest, folder or frontmatter field for this agent.
Compatible A standard SKILL.md that this agent can read.
Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

[![lewislulu/html-ppt-skill on hotskills](https://hotskills.dev/badge/lewislulu-html-ppt-skill.svg)](https://hotskills.dev/skill/lewislulu-html-ppt-skill/)

lewislulu/html-ppt-skill

History

SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

html-ppt

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Rank over the last 12 weeks

Before you install

README.md

README.zh-CN.md

SKILL.md

assets/animations/fx-runtime.js

assets/animations/fx/_util.js

assets/animations/fx/chain-react.js

assets/animations/fx/confetti-cannon.js

assets/animations/fx/constellation.js

assets/animations/fx/counter-explosion.js

assets/animations/fx/data-stream.js

assets/animations/fx/firework.js

assets/animations/fx/galaxy-swirl.js

assets/animations/fx/gradient-blob.js

assets/animations/fx/knowledge-graph.js

assets/animations/fx/letter-explode.js

assets/animations/fx/magnetic-field.js

assets/animations/fx/matrix-rain.js

assets/animations/fx/neural-net.js

assets/animations/fx/orbit-ring.js

assets/animations/fx/particle-burst.js

assets/animations/fx/shockwave.js

assets/animations/fx/sparkle-trail.js

assets/animations/fx/starfield.js

assets/animations/fx/typewriter-multi.js

assets/animations/fx/word-cascade.js

assets/demo-images/photo-landscape.svg

assets/demo-images/photo-portrait.svg

assets/demo-images/photo-square.svg

assets/demo-images/photo-wide.svg

assets/demo-images/shot-after.svg

assets/demo-images/shot-before.svg

assets/demo-images/shot-ui.svg

assets/fonts.css

assets/runtime.js

examples/demo-deck/index.html

scripts/new-deck.sh

scripts/render.sh

templates/full-decks/graphify-dark-graph/index.html

templates/full-decks/hermes-cyber-terminal/index.html

templates/full-decks/knowledge-arch-blueprint/index.html

templates/full-decks/obsidian-claude-gradient/index.html

templates/full-decks/presenter-mode-reveal/index.html

templates/full-decks/testing-safety-alert/index.html

templates/full-decks/xhs-white-editorial/index.html

templates/single-page/chart-bar.html

templates/single-page/chart-line.html

templates/single-page/chart-pie.html

templates/single-page/chart-radar.html

templates/single-page/code.html

How the signals fit together

Works with

You might also use

mattpocock/skills

obra/superpowers

NousResearch/hermes-agent

multica-ai/andrej-karpathy-skills

anthropics/skills

DietrichGebert/ponytail

Explore alternatives and comparisons

Add this badge to your README

`SKILL.md`

`README.md`

`README.zh-CN.md`

`SKILL.md`

`assets/animations/fx-runtime.js`

`assets/animations/fx/_util.js`

`assets/animations/fx/chain-react.js`

`assets/animations/fx/confetti-cannon.js`

`assets/animations/fx/constellation.js`

`assets/animations/fx/counter-explosion.js`

`assets/animations/fx/data-stream.js`

`assets/animations/fx/firework.js`

`assets/animations/fx/galaxy-swirl.js`

`assets/animations/fx/gradient-blob.js`

`assets/animations/fx/knowledge-graph.js`

`assets/animations/fx/letter-explode.js`

`assets/animations/fx/magnetic-field.js`

`assets/animations/fx/matrix-rain.js`

`assets/animations/fx/neural-net.js`

`assets/animations/fx/orbit-ring.js`

`assets/animations/fx/particle-burst.js`

`assets/animations/fx/shockwave.js`

`assets/animations/fx/sparkle-trail.js`

`assets/animations/fx/starfield.js`

`assets/animations/fx/typewriter-multi.js`

`assets/animations/fx/word-cascade.js`

`assets/demo-images/photo-landscape.svg`

`assets/demo-images/photo-portrait.svg`

`assets/demo-images/photo-square.svg`

`assets/demo-images/photo-wide.svg`

`assets/demo-images/shot-after.svg`

`assets/demo-images/shot-before.svg`

`assets/demo-images/shot-ui.svg`

`assets/fonts.css`

`assets/runtime.js`

`examples/demo-deck/index.html`

`scripts/new-deck.sh`

`scripts/render.sh`

`templates/full-decks/graphify-dark-graph/index.html`

`templates/full-decks/hermes-cyber-terminal/index.html`

`templates/full-decks/knowledge-arch-blueprint/index.html`

`templates/full-decks/obsidian-claude-gradient/index.html`

`templates/full-decks/presenter-mode-reveal/index.html`

`templates/full-decks/testing-safety-alert/index.html`

`templates/full-decks/xhs-white-editorial/index.html`

`templates/single-page/chart-bar.html`

`templates/single-page/chart-line.html`

`templates/single-page/chart-pie.html`

`templates/single-page/chart-radar.html`

`templates/single-page/code.html`