Menu

#64 by GitHub stars

zarazhangrui/frontend-slides

Create beautiful slides on the web using a coding agent's frontend skills

Claude CodeEngineeringDesign

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 Network or broad shell → After Network or broad shell

9906a34d640d → 9906a34d640d

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 9906a34d640d

No earlier version was observed for comparison.

Compare on GitHub

plugins/frontend-slides/skills/frontend-slides/SKILL.md

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

Before Network or broad shell → After Network or broad shell

9906a34d640d → 9906a34d640d

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 9906a34d640d

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 9906a34d640d2111f724544cbc50f7f130569ae1

git clone --filter=blob:none --no-checkout https://github.com/zarazhangrui/frontend-slides.git .hotskills/zarazhangrui-frontend-slides && git -C .hotskills/zarazhangrui-frontend-slides checkout --detach 9906a34d640d2111f724544cbc50f7f130569ae1 # Copy each selected skill directory from .hotskills/zarazhangrui-frontend-slides into .claude/skills/<skill-name>/
32kGitHub stars
343stars in 7 days
2skills in this repository
0commits in 30 days

Heat

6.3
  • Star growth, last 7 daysAhead of 84% of tracked repositories
  • Star growth, last 24 hoursAhead of 85% of tracked repositories
  • Rank movement, last 7 daysAhead of 83% 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

Aug 2, 2026Nov 7, 202631,996

Individual skills in this repository

How it works

frontend-slides

When your agent uses it

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

What it loads into context

Frontmatter

67 tokens

Always available to the agent

SKILL.md

6,122 tokens

When the skill is activated

Reference documents

418,622 tokens

Loaded on request

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

The playbook

  1. Core Principles
  2. Design Aesthetics
  3. Fixed Stage Rules
  4. Phase 0: Detect Mode
  5. Phase 1: Content Discovery (New Presentations)
  6. Phase 2: Style Discovery
  7. Phase 3: Generate Presentation
  8. Phase 4: PPT Conversion
  9. Phase 5: Delivery
  10. Phase 6: Share & Export (Optional)
  11. Supporting Files

Scripts executed separately

  • bold-template-pack/deck-stage.js
  • scripts/deploy.sh
  • scripts/export-pdf.sh
  • scripts/extract-pptx.py

Files

  • .claude-plugin/marketplace.jsonasset716 bytes
  • .gitignoreasset55 bytes
  • LICENSEasset1,067 bytes
  • README.mddoc35,554 bytes
  • SKILL.mdcore28,187 bytes
  • SKILL.mdcore28,187 bytes
  • SKILL.mdcore28,187 bytes
  • SKILL.mdcore28,187 bytes
  • SKILL.mdcore28,187 bytes
  • SKILL.mdcore28,187 bytes
  • STYLE_PRESETS.mddoc8,201 bytes
  • animation-patterns.mddoc4,030 bytes
  • bold-template-pack/README.mddoc3,308 bytes
  • bold-template-pack/deck-stage.jsruns22,748 bytes
  • bold-template-pack/selection-index.jsonasset39,202 bytes
  • bold-template-pack/templates/8-bit-orbit/design.mddoc44,709 bytes
  • bold-template-pack/templates/8-bit-orbit/preview.mddoc4,725 bytes
  • bold-template-pack/templates/biennale-yellow/design.mddoc46,994 bytes
  • bold-template-pack/templates/biennale-yellow/preview.mddoc4,544 bytes
  • bold-template-pack/templates/block-frame/design.mddoc46,460 bytes
  • bold-template-pack/templates/block-frame/preview.mddoc4,519 bytes
  • bold-template-pack/templates/blue-professional/design.mddoc51,608 bytes
  • bold-template-pack/templates/blue-professional/preview.mddoc4,724 bytes
  • bold-template-pack/templates/bold-poster/design.mddoc54,588 bytes
  • bold-template-pack/templates/bold-poster/preview.mddoc4,806 bytes
  • bold-template-pack/templates/broadside/design.mddoc39,004 bytes
  • bold-template-pack/templates/broadside/preview.mddoc4,296 bytes
  • bold-template-pack/templates/capsule/design.mddoc40,414 bytes
  • bold-template-pack/templates/capsule/preview.mddoc4,384 bytes
  • bold-template-pack/templates/cartesian/design.mddoc37,122 bytes
  • bold-template-pack/templates/cartesian/preview.mddoc4,443 bytes
  • bold-template-pack/templates/cobalt-grid/design.mddoc43,281 bytes
  • bold-template-pack/templates/cobalt-grid/preview.mddoc4,341 bytes
  • bold-template-pack/templates/coral/design.mddoc44,750 bytes
  • bold-template-pack/templates/coral/preview.mddoc4,515 bytes
  • bold-template-pack/templates/creative-mode/design.mddoc29,521 bytes
  • bold-template-pack/templates/creative-mode/preview.mddoc4,493 bytes
  • bold-template-pack/templates/daisy-days/design.mddoc39,796 bytes
  • bold-template-pack/templates/daisy-days/preview.mddoc4,638 bytes
  • bold-template-pack/templates/editorial-forest/design.mddoc39,488 bytes
  • bold-template-pack/templates/editorial-forest/preview.mddoc4,558 bytes
  • bold-template-pack/templates/editorial-tri-tone/design.mddoc33,424 bytes
  • bold-template-pack/templates/editorial-tri-tone/preview.mddoc4,757 bytes
  • bold-template-pack/templates/emerald-editorial/design.mddoc45,075 bytes
  • bold-template-pack/templates/emerald-editorial/preview.mddoc4,594 bytes
  • bold-template-pack/templates/grove/design.mddoc45,544 bytes
  • bold-template-pack/templates/grove/preview.mddoc4,899 bytes
  • bold-template-pack/templates/long-table/design.mddoc48,984 bytes
  • bold-template-pack/templates/long-table/preview.mddoc5,226 bytes
  • bold-template-pack/templates/mat/design.mddoc38,870 bytes
  • bold-template-pack/templates/mat/preview.mddoc4,724 bytes
  • bold-template-pack/templates/monochrome/design.mddoc36,066 bytes
  • bold-template-pack/templates/monochrome/preview.mddoc4,456 bytes
  • bold-template-pack/templates/neo-grid-bold/design.mddoc39,252 bytes
  • bold-template-pack/templates/neo-grid-bold/preview.mddoc4,430 bytes
  • bold-template-pack/templates/peoples-platform/design.mddoc38,908 bytes
  • bold-template-pack/templates/peoples-platform/preview.mddoc4,653 bytes
  • bold-template-pack/templates/pin-and-paper/design.mddoc43,220 bytes
  • bold-template-pack/templates/pin-and-paper/preview.mddoc4,753 bytes
  • bold-template-pack/templates/pink-script/design.mddoc45,749 bytes
  • bold-template-pack/templates/pink-script/preview.mddoc4,799 bytes
  • bold-template-pack/templates/playful/design.mddoc37,271 bytes
  • bold-template-pack/templates/playful/preview.mddoc4,285 bytes
  • bold-template-pack/templates/raw-grid/design.mddoc34,859 bytes
  • bold-template-pack/templates/raw-grid/preview.mddoc4,544 bytes
  • bold-template-pack/templates/retro-windows/design.mddoc46,270 bytes
  • bold-template-pack/templates/retro-windows/preview.mddoc4,717 bytes
  • bold-template-pack/templates/retro-zine/design.mddoc44,004 bytes
  • bold-template-pack/templates/retro-zine/preview.mddoc4,598 bytes
  • bold-template-pack/templates/sakura-chroma/design.mddoc49,716 bytes
  • bold-template-pack/templates/sakura-chroma/preview.mddoc4,930 bytes
  • bold-template-pack/templates/scatterbrain/design.mddoc45,167 bytes
  • bold-template-pack/templates/scatterbrain/preview.mddoc4,878 bytes
  • bold-template-pack/templates/signal/design.mddoc39,469 bytes
  • bold-template-pack/templates/signal/preview.mddoc4,801 bytes
  • bold-template-pack/templates/soft-editorial/design.mddoc44,593 bytes
  • bold-template-pack/templates/soft-editorial/preview.mddoc4,901 bytes
  • bold-template-pack/templates/stencil-tablet/design.mddoc46,537 bytes
  • bold-template-pack/templates/stencil-tablet/preview.mddoc4,852 bytes
  • bold-template-pack/templates/studio/design.mddoc39,487 bytes
  • bold-template-pack/templates/studio/preview.mddoc4,754 bytes
  • bold-template-pack/templates/vellum/design.mddoc44,168 bytes
  • bold-template-pack/templates/vellum/preview.mddoc4,705 bytes
  • html-template.mddoc11,460 bytes
  • plugins/frontend-slides/.claude-plugin/plugin.jsonasset590 bytes
  • scripts/deploy.shruns8,077 bytes
  • scripts/export-pdf.shruns13,615 bytes
  • scripts/extract-pptx.pyruns2,917 bytes
  • viewport-base.cssasset2,742 bytes
Read SKILL.md

# Frontend Slides

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

## Core Principles

1. **Zero Dependencies** — Single HTML files with inline CSS/JS. No npm, no build tools.
2. **Show, Don't Tell** — Generate visual previews, not abstract choices. People discover what they want by seeing it.
3. **Distinctive Design** — No generic "AI slop." Every presentation must feel custom-crafted.
4. **Progressive Disclosure** — Read lightweight style indexes first. For bold templates, use small preview cards for style previews and load the full `design.md` only after the user picks that template.
5. **Fixed 16:9 Stage (NON-NEGOTIABLE)** — Every deck uses a 1920×1080 slide canvas scaled as a whole to the viewport. Slides must stay 16:9 on every screen, including phones. Do not reflow slide content to fit the device.

## Design Aesthetics
View the complete source on GitHub

Skills included

  • frontend-slides
  • frontend-slides

Repository facts

License
MIT
Created
Jan 28, 2026
Last pushed
Jun 23, 2026
Forks
2,453
Open issues
26
Project activity
Slowing

Rank over the last 12 weeks

Now #64 · best #58 · down 1 in 30 days

  1. #64 from Oct 19 to Oct 22
  2. #65 from Oct 23 to Oct 24
  3. #66 on Oct 25
  4. #64 from Oct 28 to Oct 29
  5. #65 from Oct 30 to Oct 31
  6. #64 since Nov 1
12 earlier periods
  1. #56 on Aug 2
  2. #56 on Aug 8
  3. #57 on Aug 9
  4. #58 from Aug 10 to Aug 23
  5. #59 from Aug 24 to Aug 28
  6. #61 from Aug 29 to Sep 6
  7. #62 on Sep 7
  8. #63 from Sep 8 to Sep 15
  9. #64 from Sep 16 to Sep 19
  10. #63 from Sep 20 to Oct 11
  11. #62 from Oct 12 to Oct 17
  12. #63 on Oct 18

Before you install

Network or broad shell

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 34 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
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • bold-template-pack/templates/blue-professional/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/bold-poster/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/coral/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/creative-mode/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/editorial-tri-tone/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/emerald-editorial/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/peoples-platform/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/pin-and-paper/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/pink-script/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/sakura-chroma/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/soft-editorial/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • bold-template-pack/templates/stencil-tablet/design.md:1 Analysis incomplete: Frontmatter missing closing delimiter or exceeds byte/line limit
  • plugins/frontend-slides/skills/frontend-slides/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • plugins/frontend-slides/skills/frontend-slides/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • plugins/frontend-slides/skills/frontend-slides/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
Show all 502 signals by file

.claude-plugin/marketplace.json

  • Network accessline 1
    {   "$schema": "https://anthropic.com/claude-code/marketplace.schema.json",
  • Network accessline 2
    "$schema": "https://anthropic.com/claude-code/marketplace.schema.json",
  • Network accessline 5
    "owner": {     "name": "zarazhangrui",     "url": "https://github.com/zarazhangrui"
  • Network accessline 6
    "name": "zarazhangrui",     "url": "https://github.com/zarazhangrui"   },
  • Network accessline 7
    "url": "https://github.com/zarazhangrui"

README.md

  • Network accessline 9
    <a href="https://www.youtube.com/watch?v=372Iksaz8b0" title="Frontend Slides — walkthrough & tutorial (beginner-friendly)">
  • Network accessline 10
    <img src="https://img.youtube.com/vi/372Iksaz8b0/maxresdefault.jpg" alt="Watch the Frontend Slides walkthrough and tutorial on YouTube" width="100%" />
  • Network accessline 13
    > ▶<U+FE0F> **[Watch on YouTube →](https://www.youtube.com/watch?v=372Iksaz8b0)** (beginner-friendly walkthrough and tutorial)
  • Network accessline 21
    https://github.com/user-attachments/assets/ef57333e-f879-432a-afb9-180388982478
  • Network accessline 39
    /plugin marketplace add https://github.com/zarazhangrui/frontend-slides
  • Network accessline 69
    git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides
  • Network accessline 79
    https://github.com/zarazhangrui/frontend-slides
  • Network accessline 175
    Frontend Slides can now draw from the 34 bold design systems in [`beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates). Three screenshots per template show how each visual system handles different slide layou
  • Network accessline 177
    ### [Soft Editorial](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial/)
  • Network accessline 179
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-4.png" width="32.5%" alt="Soft Editorial — slide 4" />
  • Network accessline 180
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-4.png" width="32.5%" alt="Soft Editorial — slide 4" />
  • Network accessline 181
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-6.png" width="32.5%" alt="Soft Editorial — slide 6" />
  • Network accessline 182
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-10.png" width="32.5%" alt="Soft Editorial — slide 10" />
  • Network accessline 187
    ### [Editorial Forest](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-forest/)
  • Network accessline 189
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-forest-1.png" width="32.5%" alt="Editorial Forest — slide 1" />
  • Network accessline 190
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-forest-1.png" width="32.5%" alt="Editorial Forest — slide 1" />
  • Network accessline 191
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-forest-2.png" width="32.5%" alt="Editorial Forest — slide 2" />
  • Network accessline 192
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-forest-5.png" width="32.5%" alt="Editorial Forest — slide 5" />
  • Network accessline 197
    ### [Pin & Paper](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper/)
  • Network accessline 199
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pin-and-paper-1.png" width="32.5%" alt="Pin & Paper — slide 1" />
  • Network accessline 200
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pin-and-paper-1.png" width="32.5%" alt="Pin & Paper — slide 1" />
  • Network accessline 201
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pin-and-paper-11.png" width="32.5%" alt="Pin & Paper — slide 11" />
  • Network accessline 202
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pin-and-paper-3.png" width="32.5%" alt="Pin & Paper — slide 3" />
  • Network accessline 207
    ### [Sakura Chroma](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma/)
  • Network accessline 209
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/sakura-chroma-1.png" width="32.5%" alt="Sakura Chroma — slide 1" />
  • Network accessline 210
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/sakura-chroma-1.png" width="32.5%" alt="Sakura Chroma — slide 1" />
  • Network accessline 211
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/sakura-chroma-3.png" width="32.5%" alt="Sakura Chroma — slide 3" />
  • Network accessline 212
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/sakura-chroma-4.png" width="32.5%" alt="Sakura Chroma — slide 4" />
  • Network accessline 217
    ### [Stencil & Tablet](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet/)
  • Network accessline 219
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/stencil-tablet-1.png" width="32.5%" alt="Stencil & Tablet — slide 1" />
  • Network accessline 220
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/stencil-tablet-1.png" width="32.5%" alt="Stencil & Tablet — slide 1" />
  • Network accessline 221
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/stencil-tablet-3.png" width="32.5%" alt="Stencil & Tablet — slide 3" />
  • Network accessline 222
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/stencil-tablet-8.png" width="32.5%" alt="Stencil & Tablet — slide 8" />
  • Network accessline 227
    ### [Cobalt Grid](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid/)
  • Network accessline 229
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cobalt-grid-1.png" width="32.5%" alt="Cobalt Grid — slide 1" />
  • Network accessline 230
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cobalt-grid-1.png" width="32.5%" alt="Cobalt Grid — slide 1" />
  • Network accessline 231
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cobalt-grid-3.png" width="32.5%" alt="Cobalt Grid — slide 3" />
  • Network accessline 232
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cobalt-grid-5.png" width="32.5%" alt="Cobalt Grid — slide 5" />
  • Network accessline 237
    ### [Vellum](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum/)
  • Network accessline 239
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/vellum-1.png" width="32.5%" alt="Vellum — slide 1" />
  • Network accessline 240
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/vellum-1.png" width="32.5%" alt="Vellum — slide 1" />
  • Network accessline 241
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/vellum-4.png" width="32.5%" alt="Vellum — slide 4" />
  • Network accessline 242
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/vellum-8.png" width="32.5%" alt="Vellum — slide 8" />
  • Network accessline 247
    ### [Emerald Editorial](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/emerald-editorial/)
  • Network accessline 249
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/emerald-editorial-1.png" width="32.5%" alt="Emerald Editorial — slide 1" />
  • Network accessline 250
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/emerald-editorial-1.png" width="32.5%" alt="Emerald Editorial — slide 1" />
  • Network accessline 251
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/emerald-editorial-3.png" width="32.5%" alt="Emerald Editorial — slide 3" />
  • Network accessline 252
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/emerald-editorial-6.png" width="32.5%" alt="Emerald Editorial — slide 6" />
  • Network accessline 257
    ### [Neo-Grid Bold](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold/)
  • Network accessline 259
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/neo-grid-bold-1.png" width="32.5%" alt="Neo-Grid Bold — slide 1" />
  • Network accessline 260
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/neo-grid-bold-1.png" width="32.5%" alt="Neo-Grid Bold — slide 1" />
  • Network accessline 261
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/neo-grid-bold-3.png" width="32.5%" alt="Neo-Grid Bold — slide 3" />
  • Network accessline 262
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/neo-grid-bold-8.png" width="32.5%" alt="Neo-Grid Bold — slide 8" />
  • Network accessline 267
    ### [Editorial Tri-Tone](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone/)
  • Network accessline 269
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-tri-tone-1.png" width="32.5%" alt="Editorial Tri-Tone — slide 1" />
  • Network accessline 270
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-tri-tone-1.png" width="32.5%" alt="Editorial Tri-Tone — slide 1" />
  • Network accessline 271
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-tri-tone-4.png" width="32.5%" alt="Editorial Tri-Tone — slide 4" />
  • Network accessline 272
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/editorial-tri-tone-3.png" width="32.5%" alt="Editorial Tri-Tone — slide 3" />
  • Network accessline 277
    ### [Creative Mode](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode/)
  • Network accessline 279
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/creative-mode-1.png" width="32.5%" alt="Creative Mode — slide 1" />
  • Network accessline 280
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/creative-mode-1.png" width="32.5%" alt="Creative Mode — slide 1" />
  • Network accessline 281
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/creative-mode-4.png" width="32.5%" alt="Creative Mode — slide 4" />
  • Network accessline 282
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/creative-mode-6.png" width="32.5%" alt="Creative Mode — slide 6" />
  • Network accessline 287
    ### [Monochrome](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome/)
  • Network accessline 289
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/monochrome-1.png" width="32.5%" alt="Monochrome — slide 1" />
  • Network accessline 290
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/monochrome-1.png" width="32.5%" alt="Monochrome — slide 1" />
  • Network accessline 291
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/monochrome-4.png" width="32.5%" alt="Monochrome — slide 4" />
  • Network accessline 292
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/monochrome-12.png" width="32.5%" alt="Monochrome — slide 12" />
  • Network accessline 297
    ### [People's Platform (Block & Bold)](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform/)
  • Network accessline 299
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/peoples-platform-1.png" width="32.5%" alt="People's Platform (Block & Bold) — slide 1" />
  • Network accessline 300
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/peoples-platform-1.png" width="32.5%" alt="People's Platform (Block & Bold) — slide 1" />
  • Network accessline 301
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/peoples-platform-4.png" width="32.5%" alt="People's Platform (Block & Bold) — slide 4" />
  • Network accessline 302
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/peoples-platform-8.png" width="32.5%" alt="People's Platform (Block & Bold) — slide 8" />
  • Network accessline 307
    ### [Pink Script — After Hours](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script/)
  • Network accessline 309
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pink-script-1.png" width="32.5%" alt="Pink Script — After Hours — slide 1" />
  • Network accessline 310
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pink-script-1.png" width="32.5%" alt="Pink Script — After Hours — slide 1" />
  • Network accessline 311
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pink-script-4.png" width="32.5%" alt="Pink Script — After Hours — slide 4" />
  • Network accessline 312
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/pink-script-8.png" width="32.5%" alt="Pink Script — After Hours — slide 8" />
  • Network accessline 317
    ### [8-Bit Orbit](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit/)
  • Network accessline 319
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/8-bit-orbit-1.png" width="32.5%" alt="8-Bit Orbit — slide 1" />
  • Network accessline 320
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/8-bit-orbit-1.png" width="32.5%" alt="8-Bit Orbit — slide 1" />
  • Network accessline 321
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/8-bit-orbit-6.png" width="32.5%" alt="8-Bit Orbit — slide 6" />
  • Network accessline 322
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/8-bit-orbit-5.png" width="32.5%" alt="8-Bit Orbit — slide 5" />
  • Network accessline 327
    ### [BlockFrame](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame/)
  • Network accessline 329
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/block-frame-1.png" width="32.5%" alt="BlockFrame — slide 1" />
  • Network accessline 330
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/block-frame-1.png" width="32.5%" alt="BlockFrame — slide 1" />
  • Network accessline 331
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/block-frame-4.png" width="32.5%" alt="BlockFrame — slide 4" />
  • Network accessline 332
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/block-frame-8.png" width="32.5%" alt="BlockFrame — slide 8" />
  • Network accessline 337
    ### [Blue Professional](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional/)
  • Network accessline 339
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/blue-professional-1.png" width="32.5%" alt="Blue Professional — slide 1" />
  • Network accessline 340
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/blue-professional-1.png" width="32.5%" alt="Blue Professional — slide 1" />
  • Network accessline 341
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/blue-professional-6.png" width="32.5%" alt="Blue Professional — slide 6" />
  • Network accessline 342
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/blue-professional-8.png" width="32.5%" alt="Blue Professional — slide 8" />
  • Network accessline 347
    ### [Bold Poster](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster/)
  • Network accessline 349
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/bold-poster-1.png" width="32.5%" alt="Bold Poster — slide 1" />
  • Network accessline 350
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/bold-poster-1.png" width="32.5%" alt="Bold Poster — slide 1" />
  • Network accessline 351
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/bold-poster-4.png" width="32.5%" alt="Bold Poster — slide 4" />
  • Network accessline 352
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/bold-poster-8.png" width="32.5%" alt="Bold Poster — slide 8" />
  • Network accessline 357
    ### [Broadside](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside/)
  • Network accessline 359
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/broadside-1.png" width="32.5%" alt="Broadside — slide 1" />
  • Network accessline 360
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/broadside-1.png" width="32.5%" alt="Broadside — slide 1" />
  • Network accessline 361
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/broadside-4.png" width="32.5%" alt="Broadside — slide 4" />
  • Network accessline 362
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/broadside-13.png" width="32.5%" alt="Broadside — slide 13" />
  • Network accessline 367
    ### [Capsule](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule/)
  • Network accessline 369
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/capsule-1.png" width="32.5%" alt="Capsule — slide 1" />
  • Network accessline 370
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/capsule-1.png" width="32.5%" alt="Capsule — slide 1" />
  • Network accessline 371
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/capsule-4.png" width="32.5%" alt="Capsule — slide 4" />
  • Network accessline 372
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/capsule-8.png" width="32.5%" alt="Capsule — slide 8" />
  • Network accessline 377
    ### [Cartesian](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian/)
  • Network accessline 379
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cartesian-1.png" width="32.5%" alt="Cartesian — slide 1" />
  • Network accessline 380
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cartesian-1.png" width="32.5%" alt="Cartesian — slide 1" />
  • Network accessline 381
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cartesian-4.png" width="32.5%" alt="Cartesian — slide 4" />
  • Network accessline 382
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/cartesian-8.png" width="32.5%" alt="Cartesian — slide 8" />
  • Network accessline 387
    ### [Coral](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral/)
  • Network accessline 389
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/coral-1.png" width="32.5%" alt="Coral — slide 1" />
  • Network accessline 390
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/coral-1.png" width="32.5%" alt="Coral — slide 1" />
  • Network accessline 391
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/coral-4.png" width="32.5%" alt="Coral — slide 4" />
  • Network accessline 392
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/coral-8.png" width="32.5%" alt="Coral — slide 8" />
  • Network accessline 397
    ### [Daisy Days](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days/)
  • Network accessline 399
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/daisy-days-1.png" width="32.5%" alt="Daisy Days — slide 1" />
  • Network accessline 400
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/daisy-days-1.png" width="32.5%" alt="Daisy Days — slide 1" />
  • Network accessline 401
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/daisy-days-4.png" width="32.5%" alt="Daisy Days — slide 4" />
  • Network accessline 402
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/daisy-days-8.png" width="32.5%" alt="Daisy Days — slide 8" />
  • Network accessline 407
    ### [Grove](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove/)
  • Network accessline 409
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/grove-1.png" width="32.5%" alt="Grove — slide 1" />
  • Network accessline 410
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/grove-1.png" width="32.5%" alt="Grove — slide 1" />
  • Network accessline 411
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/grove-4.png" width="32.5%" alt="Grove — slide 4" />
  • Network accessline 412
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/grove-8.png" width="32.5%" alt="Grove — slide 8" />
  • Network accessline 417
    ### [Mat](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat/)
  • Network accessline 419
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/mat-1.png" width="32.5%" alt="Mat — slide 1" />
  • Network accessline 420
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/mat-1.png" width="32.5%" alt="Mat — slide 1" />
  • Network accessline 421
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/mat-4.png" width="32.5%" alt="Mat — slide 4" />
  • Network accessline 422
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/mat-8.png" width="32.5%" alt="Mat — slide 8" />
  • Network accessline 427
    ### [Playful](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful/)
  • Network accessline 429
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/playful-1.png" width="32.5%" alt="Playful — slide 1" />
  • Network accessline 430
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/playful-1.png" width="32.5%" alt="Playful — slide 1" />
  • Network accessline 431
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/playful-6.png" width="32.5%" alt="Playful — slide 6" />
  • Network accessline 432
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/playful-8.png" width="32.5%" alt="Playful — slide 8" />
  • Network accessline 437
    ### [Raw Grid](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid/)
  • Network accessline 439
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/raw-grid-1.png" width="32.5%" alt="Raw Grid — slide 1" />
  • Network accessline 440
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/raw-grid-1.png" width="32.5%" alt="Raw Grid — slide 1" />
  • Network accessline 441
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/raw-grid-4.png" width="32.5%" alt="Raw Grid — slide 4" />
  • Network accessline 442
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/raw-grid-8.png" width="32.5%" alt="Raw Grid — slide 8" />
  • Network accessline 447
    ### [Retro Windows](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows/)
  • Network accessline 449
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-windows-1.png" width="32.5%" alt="Retro Windows — slide 1" />
  • Network accessline 450
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-windows-1.png" width="32.5%" alt="Retro Windows — slide 1" />
  • Network accessline 451
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-windows-4.png" width="32.5%" alt="Retro Windows — slide 4" />
  • Network accessline 452
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-windows-8.png" width="32.5%" alt="Retro Windows — slide 8" />
  • Network accessline 457
    ### [Retro Zine](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine/)
  • Network accessline 459
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-zine-1.png" width="32.5%" alt="Retro Zine — slide 1" />
  • Network accessline 460
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-zine-1.png" width="32.5%" alt="Retro Zine — slide 1" />
  • Network accessline 461
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-zine-4.png" width="32.5%" alt="Retro Zine — slide 4" />
  • Network accessline 462
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/retro-zine-8.png" width="32.5%" alt="Retro Zine — slide 8" />
  • Network accessline 467
    ### [Scatterbrain](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain/)
  • Network accessline 469
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/scatterbrain-1.png" width="32.5%" alt="Scatterbrain — slide 1" />
  • Network accessline 470
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/scatterbrain-1.png" width="32.5%" alt="Scatterbrain — slide 1" />
  • Network accessline 471
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/scatterbrain-4.png" width="32.5%" alt="Scatterbrain — slide 4" />
  • Network accessline 472
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/scatterbrain-8.png" width="32.5%" alt="Scatterbrain — slide 8" />
  • Network accessline 477
    ### [Signal](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal/)
  • Network accessline 479
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/signal-1.png" width="32.5%" alt="Signal — slide 1" />
  • Network accessline 480
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/signal-1.png" width="32.5%" alt="Signal — slide 1" />
  • Network accessline 481
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/signal-18.png" width="32.5%" alt="Signal — slide 18" />
  • Network accessline 482
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/signal-8.png" width="32.5%" alt="Signal — slide 8" />
  • Network accessline 487
    ### [Studio](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio/)
  • Network accessline 489
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/studio-1.png" width="32.5%" alt="Studio — slide 1" />
  • Network accessline 490
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/studio-1.png" width="32.5%" alt="Studio — slide 1" />
  • Network accessline 491
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/studio-4.png" width="32.5%" alt="Studio — slide 4" />
  • Network accessline 492
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/studio-8.png" width="32.5%" alt="Studio — slide 8" />
  • Network accessline 497
    ### [Biennale Yellow](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow/)
  • Network accessline 499
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/biennale-yellow-1.png" width="32.5%" alt="Biennale Yellow — slide 1" />
  • Network accessline 500
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/biennale-yellow-1.png" width="32.5%" alt="Biennale Yellow — slide 1" />
  • Network accessline 501
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/biennale-yellow-5.png" width="32.5%" alt="Biennale Yellow — slide 5" />
  • Network accessline 502
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/biennale-yellow-8.png" width="32.5%" alt="Biennale Yellow — slide 8" />
  • Network accessline 507
    ### [Long Table](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table/)
  • Network accessline 509
    <p>   <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/long-table-1.png" width="32.5%" alt="Long Table — slide 1" />
  • Network accessline 510
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/long-table-1.png" width="32.5%" alt="Long Table — slide 1" />
  • Network accessline 511
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/long-table-3.png" width="32.5%" alt="Long Table — slide 3" />
  • Network accessline 512
    <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/long-table-7.png" width="32.5%" alt="Long Table — slide 7" />
  • Network accessline 567
    Uses [Vercel](https://vercel.com) (free tier). The skill walks you through signup and login if it's your first time.
  • Network accessline 578
    Uses [Playwright](https://playwright.dev) to screenshot each slide at 1920×1080 and combine into a PDF. Installs automatically if needed. Animations are not preserved (it's a static snapshot).
  • Network accessline 590
    Created by [@zarazhangrui](https://github.com/zarazhangrui).

SKILL.md

  • Network accessline 293
    1. **Check if Vercel CLI is installed** — Run `npx vercel --version`. If not found, install Node.js first (`brew install node` on macOS, or download from https://nodejs.org).
  • Network accessline 295
    2. **Check if user is logged in** — Run `npx vercel whoami`.    - If NOT logged in, explain: _"Vercel is a free hosting service. You need an account to deploy. Let me walk you through it:"_      - Step 1: Ask user to go to https://vercel.co
  • Network accessline 296
    - If NOT logged in, explain: _"Vercel is a free hosting service. You need an account to deploy. Let me walk you through it:"_      - Step 1: Ask user to go to https://vercel.com/signup in their browser      - Step 2: They can sign up with G
  • Network accessline 297
    - Step 1: Ask user to go to https://vercel.com/signup in their browser
  • Network accessline 312
    - The live URL (from the script output)    - That it works on any device — they can text it, Slack it, email it    - To take it down later: visit https://vercel.com/dashboard and delete the project
  • Network accessline 313
    - That it works on any device — they can text it, Slack it, email it    - To take it down later: visit https://vercel.com/dashboard and delete the project    - The Vercel free tier is generous — they won't be charged
  • Network accessline 314
    - To take it down later: visit https://vercel.com/dashboard and delete the project

bold-template-pack/deck-stage.js

  • Executable scriptline 1
    Executable file

bold-template-pack/templates/8-bit-orbit/design.md

  • Network accessline 524
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 525
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 526
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

bold-template-pack/templates/biennale-yellow/design.md

  • Network accessline 526
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 527
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 528
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 529
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cn-fontsource-smiley-sans-oblique/font.min.css">

bold-template-pack/templates/block-frame/design.md

  • Network accessline 559
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 561
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap" rel="stylesheet">

bold-template-pack/templates/blue-professional/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 660
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 661
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 662
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/bold-poster/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 662
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 663
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 664
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet">

bold-template-pack/templates/broadside/design.md

  • Network accessline 453
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 454
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 455
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500&family=LXGW+WenKai+TC&display=swap" rel="stylesheet">

bold-template-pack/templates/capsule/design.md

  • Network accessline 517
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 518
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 519
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Space+Grotesk:wght@300..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 520
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

bold-template-pack/templates/cartesian/design.md

  • Network accessline 471
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 472
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 473
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&family=Inter:wght@300..600&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">

bold-template-pack/templates/cobalt-grid/design.md

  • Network accessline 509
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 510
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 511
    <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400..500;1,6..72,400..500&family=Hanken+Grotesk:wght@400..700&family=DM+Mono:wght@400..500&family=Noto+Serif+SC:wght@400;700&display=swap" rel="styleshee

bold-template-pack/templates/coral/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 561
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 562
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 563
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

bold-template-pack/templates/creative-mode/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 514
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 515
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 516
    <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@300..700&family=JetBrains+Mono:wght@400..500&family=Noto+Serif+SC:wght@400;900&display=swap" rel="stylesheet">

bold-template-pack/templates/daisy-days/design.md

  • Network accessline 458
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 459
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 460
    <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 461
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">
  • Network accessline 508
    - The pastel surfaces (turquoise, mint, peach) have varying perceived brightness; the text-shadow treatment for headlines must be tuned per-surface (the system already does this — full charcoal for bold surfaces, 20%-opacity charcoal for so
  • Network accessline 510
    - The decoration SVGs include a placeholder comment string `SVG created with Arrow, by QuiverAI (https://quiver.ai)` — this is the original authoring tool credit and can be stripped without affecting rendering.

bold-template-pack/templates/editorial-forest/design.md

  • Network accessline 458
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 459
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 460
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/editorial-tri-tone/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 551
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 552
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 553
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;500;700&family=LXGW+WenKai+TC&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">

bold-template-pack/templates/emerald-editorial/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 559
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 561
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;700;900&family=Noto+Sans+SC:wght@500;700;800&display=swap" rel="stylesheet">

bold-template-pack/templates/grove/design.md

  • Network accessline 504
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 505
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 506
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+Mono+CJK+SC:wght@300;400&display=swap" rel="stylesheet">

bold-template-pack/templates/long-table/design.md

  • Network accessline 539
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 540
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 541
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/mat/design.md

  • Network accessline 423
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 424
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 425
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap" rel="stylesheet">

bold-template-pack/templates/monochrome/design.md

  • Network accessline 442
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 443
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 444
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:

bold-template-pack/templates/neo-grid-bold/design.md

  • Network accessline 513
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 514
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 515
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

bold-template-pack/templates/peoples-platform/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 648
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 649
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 650
    <link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Caveat+Brush&family=Archivo+Narrow:wght@400;500;600;700&family=DM+Mono:wght@300;400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700

bold-template-pack/templates/pin-and-paper/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 584
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 585
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 586
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Caveat:wght@500;600;700&family=DM+Mono:wght@400;500&family=Long+Cang&display=swap" rel="stylesheet">
  • Network accessline 587
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-regular/font.css" rel="stylesheet">

bold-template-pack/templates/pink-script/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 610
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 611
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 612
    <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=ZCOOL+XiaoWei&d

bold-template-pack/templates/playful/design.md

  • Network accessline 438
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 439
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 440
    <link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Grotesk:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap" rel="stylesheet">
  • Network accessline 441
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

bold-template-pack/templates/raw-grid/design.md

  • Network accessline 435
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 436
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 437
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;800;900&display=swap" rel="stylesheet">

bold-template-pack/templates/retro-windows/design.md

  • Network accessline 523
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 524
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 525
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/retro-zine/design.md

  • Network accessline 511
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 512
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 513
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap" rel="stylesheet">

bold-template-pack/templates/sakura-chroma/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 567
    <link href="https://chinese-fonts-cdn.deno.dev/packages/zcool-xiaowei/dist/ZCOOLXiaoWei-Regular/result.css" rel="stylesheet">
  • Network accessline 568
    <link href="https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css" rel="stylesheet">

bold-template-pack/templates/scatterbrain/design.md

  • Network accessline 515
    <link href="https://chinese-fonts-cdn.deno.dev/packages/zcool-kuaile/dist/ZCOOLKuaiLe-Regular/result.css" rel="stylesheet">
  • Network accessline 516
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

bold-template-pack/templates/signal/design.md

  • Network accessline 467
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 468
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 469
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/soft-editorial/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 573
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 574
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 575
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Work+Sans:wght@400;500&family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/stencil-tablet/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 622
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 623
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 624
    <link href="https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&family=Bowlby+One&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC

bold-template-pack/templates/studio/design.md

  • Network accessline 440
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 441
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 442
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

bold-template-pack/templates/vellum/design.md

  • Network accessline 487
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 488
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 489
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500&family=Courier+Prime:wght@400;700&family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&displa

html-template.md

  • Network accessline 15
    <!-- Fonts: use Fontshare or Google Fonts — never system fonts -->     <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=...">
  • Network accessline 16
    <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=...">

plugins/frontend-slides/.claude-plugin/plugin.json

  • Network accessline 6
    "author": {     "name": "zarazhangrui",     "url": "https://github.com/zarazhangrui"
  • Network accessline 7
    "name": "zarazhangrui",     "url": "https://github.com/zarazhangrui"   },
  • Network accessline 8
    "url": "https://github.com/zarazhangrui"
  • Network accessline 9
    },   "homepage": "https://github.com/zarazhangrui/frontend-slides",   "repository": "https://github.com/zarazhangrui/frontend-slides",
  • Network accessline 10
    "homepage": "https://github.com/zarazhangrui/frontend-slides",
  • Network accessline 11
    "repository": "https://github.com/zarazhangrui/frontend-slides",

plugins/frontend-slides/skills/frontend-slides/SKILL.md

  • Network accessline 293
    1. **Check if Vercel CLI is installed** — Run `npx vercel --version`. If not found, install Node.js first (`brew install node` on macOS, or download from https://nodejs.org).
  • Network accessline 295
    2. **Check if user is logged in** — Run `npx vercel whoami`.    - If NOT logged in, explain: _"Vercel is a free hosting service. You need an account to deploy. Let me walk you through it:"_      - Step 1: Ask user to go to https://vercel.co
  • Network accessline 296
    - If NOT logged in, explain: _"Vercel is a free hosting service. You need an account to deploy. Let me walk you through it:"_      - Step 1: Ask user to go to https://vercel.com/signup in their browser      - Step 2: They can sign up with G
  • Network accessline 297
    - Step 1: Ask user to go to https://vercel.com/signup in their browser
  • Network accessline 312
    - The live URL (from the script output)    - That it works on any device — they can text it, Slack it, email it    - To take it down later: visit https://vercel.com/dashboard and delete the project
  • Network accessline 313
    - That it works on any device — they can text it, Slack it, email it    - To take it down later: visit https://vercel.com/dashboard and delete the project    - The Vercel free tier is generous — they won't be charged
  • Network accessline 314
    - To take it down later: visit https://vercel.com/dashboard and delete the project

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js

  • Executable scriptline 1
    Executable file

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/8-bit-orbit/design.md

  • Network accessline 524
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 525
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 526
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/biennale-yellow/design.md

  • Network accessline 526
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 527
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 528
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 529
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cn-fontsource-smiley-sans-oblique/font.min.css">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/block-frame/design.md

  • Network accessline 559
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 561
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/blue-professional/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 660
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 661
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 662
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/bold-poster/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 662
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 663
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 664
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/broadside/design.md

  • Network accessline 453
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 454
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 455
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500&family=LXGW+WenKai+TC&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/capsule/design.md

  • Network accessline 517
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 518
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 519
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Space+Grotesk:wght@300..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 520
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/cartesian/design.md

  • Network accessline 471
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 472
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 473
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&family=Inter:wght@300..600&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/cobalt-grid/design.md

  • Network accessline 509
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 510
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 511
    <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400..500;1,6..72,400..500&family=Hanken+Grotesk:wght@400..700&family=DM+Mono:wght@400..500&family=Noto+Serif+SC:wght@400;700&display=swap" rel="styleshee

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/coral/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 561
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 562
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 563
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/creative-mode/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 514
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 515
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 516
    <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@300..700&family=JetBrains+Mono:wght@400..500&family=Noto+Serif+SC:wght@400;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/daisy-days/design.md

  • Network accessline 458
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 459
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 460
    <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400..700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
  • Network accessline 461
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">
  • Network accessline 508
    - The pastel surfaces (turquoise, mint, peach) have varying perceived brightness; the text-shadow treatment for headlines must be tuned per-surface (the system already does this — full charcoal for bold surfaces, 20%-opacity charcoal for so
  • Network accessline 510
    - The decoration SVGs include a placeholder comment string `SVG created with Arrow, by QuiverAI (https://quiver.ai)` — this is the original authoring tool credit and can be stripped without affecting rendering.

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/editorial-forest/design.md

  • Network accessline 458
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 459
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 460
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/editorial-tri-tone/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 551
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 552
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 553
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;500;700&family=LXGW+WenKai+TC&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/emerald-editorial/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 559
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 560
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 561
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;700;900&family=Noto+Sans+SC:wght@500;700;800&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/grove/design.md

  • Network accessline 504
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 505
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 506
    <link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+Mono+CJK+SC:wght@300;400&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/long-table/design.md

  • Network accessline 539
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 540
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 541
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/mat/design.md

  • Network accessline 423
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 424
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 425
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/monochrome/design.md

  • Network accessline 442
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 443
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 444
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/neo-grid-bold/design.md

  • Network accessline 513
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 514
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 515
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/peoples-platform/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 648
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 649
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 650
    <link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Caveat+Brush&family=Archivo+Narrow:wght@400;500;600;700&family=DM+Mono:wght@300;400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/pin-and-paper/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 584
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 585
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 586
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Caveat:wght@500;600;700&family=DM+Mono:wght@400;500&family=Long+Cang&display=swap" rel="stylesheet">
  • Network accessline 587
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-regular/font.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/pink-script/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 610
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 611
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 612
    <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=ZCOOL+XiaoWei&d

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/playful/design.md

  • Network accessline 438
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 439
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 440
    <link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Grotesk:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap" rel="stylesheet">
  • Network accessline 441
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/raw-grid/design.md

  • Network accessline 435
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 436
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 437
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;800;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/retro-windows/design.md

  • Network accessline 523
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 524
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 525
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/retro-zine/design.md

  • Network accessline 511
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 512
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 513
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/sakura-chroma/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 567
    <link href="https://chinese-fonts-cdn.deno.dev/packages/zcool-xiaowei/dist/ZCOOLXiaoWei-Regular/result.css" rel="stylesheet">
  • Network accessline 568
    <link href="https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/scatterbrain/design.md

  • Network accessline 515
    <link href="https://chinese-fonts-cdn.deno.dev/packages/zcool-kuaile/dist/ZCOOLKuaiLe-Regular/result.css" rel="stylesheet">
  • Network accessline 516
    <link href="https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/signal/design.md

  • Network accessline 467
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 468
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 469
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/soft-editorial/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 573
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 574
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 575
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Work+Sans:wght@400;500&family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/stencil-tablet/design.md

  • Broad permissionsline 1
    Unsupported or unresolved allowed-tools declaration
  • Network accessline 622
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 623
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 624
    <link href="https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&family=Bowlby+One&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/studio/design.md

  • Network accessline 440
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 441
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 442
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

plugins/frontend-slides/skills/frontend-slides/bold-template-pack/templates/vellum/design.md

  • Network accessline 487
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 488
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 489
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500&family=Courier+Prime:wght@400;700&family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&displa

plugins/frontend-slides/skills/frontend-slides/html-template.md

  • Network accessline 15
    <!-- Fonts: use Fontshare or Google Fonts — never system fonts -->     <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=...">
  • Network accessline 16
    <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=...">

plugins/frontend-slides/skills/frontend-slides/scripts/deploy.sh

  • Executable scriptline 1
    #!/usr/bin/env bash
  • Network accessline 101
    err "Install Node.js:"     err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"
  • Network accessline 102
    err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"     exit 1
  • Network accessline 103
    err "  or visit https://nodejs.org and download the installer"
  • Network accessline 136
    echo ""     echo "If you don't have a Vercel account yet:"     echo "  1. Go to https://vercel.com/signup"
  • Network accessline 137
    echo "If you don't have a Vercel account yet:"     echo "  1. Go to https://vercel.com/signup"     echo "  2. Sign up with GitHub, GitLab, email, or any method"
  • Network accessline 138
    echo "  1. Go to https://vercel.com/signup"
  • Dangerous shell operationline 149
    [[ "$CLEANUP_TEMP" == "true" ]] && rm -rf "$DEPLOY_DIR"
  • Dangerous shell operationline 191
    [[ "$CLEANUP_TEMP" == "true" ]] && rm -rf "$DEPLOY_DIR"
  • Network accessline 196
    DEPLOY_URL=$(echo "$DEPLOY_OUTPUT" | grep -o 'https://[^ ]*' | tail -1)
  • Network accessline 207
    echo "  Share it via Slack, email, text, or anywhere." echo "" echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard"
  • Network accessline 208
    echo "" echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard" echo -e "       and delete the project '${DECK_NAME}'."
  • Network accessline 209
    echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard"
  • Dangerous shell operationline 217
    rm -rf "$DEPLOY_DIR"

plugins/frontend-slides/skills/frontend-slides/scripts/export-pdf.sh

  • Executable scriptline 1
    #!/usr/bin/env bash
  • Network accessline 103
    err "Install Node.js:"     err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"
  • Network accessline 104
    err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"     exit 1
  • Network accessline 105
    err "  or visit https://nodejs.org and download the installer"
  • Network accessline 198
    // Load the presentation await page.goto(`http://localhost:${port}/`, { waitUntil: 'networkidle' });
  • Network accessline 199
    await page.goto(`http://localhost:${port}/`, { waitUntil: 'networkidle' });
  • Dangerous shell operationline 363
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 371
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 391
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 397
    rm -rf "$TEMP_DIR"

plugins/frontend-slides/skills/frontend-slides/scripts/extract-pptx.py

  • Executable scriptline 1
    #!/usr/bin/env python3

scripts/deploy.sh

  • Executable scriptline 1
    #!/usr/bin/env bash
  • Network accessline 101
    err "Install Node.js:"     err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"
  • Network accessline 102
    err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"     exit 1
  • Network accessline 103
    err "  or visit https://nodejs.org and download the installer"
  • Network accessline 136
    echo ""     echo "If you don't have a Vercel account yet:"     echo "  1. Go to https://vercel.com/signup"
  • Network accessline 137
    echo "If you don't have a Vercel account yet:"     echo "  1. Go to https://vercel.com/signup"     echo "  2. Sign up with GitHub, GitLab, email, or any method"
  • Network accessline 138
    echo "  1. Go to https://vercel.com/signup"
  • Dangerous shell operationline 149
    [[ "$CLEANUP_TEMP" == "true" ]] && rm -rf "$DEPLOY_DIR"
  • Dangerous shell operationline 191
    [[ "$CLEANUP_TEMP" == "true" ]] && rm -rf "$DEPLOY_DIR"
  • Network accessline 196
    DEPLOY_URL=$(echo "$DEPLOY_OUTPUT" | grep -o 'https://[^ ]*' | tail -1)
  • Network accessline 207
    echo "  Share it via Slack, email, text, or anywhere." echo "" echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard"
  • Network accessline 208
    echo "" echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard" echo -e "       and delete the project '${DECK_NAME}'."
  • Network accessline 209
    echo -e "  ${CYAN}Tip:${NC} To take it down later, visit https://vercel.com/dashboard"
  • Dangerous shell operationline 217
    rm -rf "$DEPLOY_DIR"

scripts/export-pdf.sh

  • Executable scriptline 1
    #!/usr/bin/env bash
  • Network accessline 103
    err "Install Node.js:"     err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"
  • Network accessline 104
    err "  macOS:   brew install node"     err "  or visit https://nodejs.org and download the installer"     exit 1
  • Network accessline 105
    err "  or visit https://nodejs.org and download the installer"
  • Network accessline 198
    // Load the presentation await page.goto(`http://localhost:${port}/`, { waitUntil: 'networkidle' });
  • Network accessline 199
    await page.goto(`http://localhost:${port}/`, { waitUntil: 'networkidle' });
  • Dangerous shell operationline 363
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 371
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 391
    rm -rf "$TEMP_DIR"
  • Dangerous shell operationline 397
    rm -rf "$TEMP_DIR"

scripts/extract-pptx.py

  • Executable scriptline 1
    #!/usr/bin/env python3

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.

Signal confidence: 491 facts
  • Network access in prose of documentationREADME.md:9Low confidence
  • Network access in prose of documentationREADME.md:10Low confidence
  • Network access in prose of documentationREADME.md:13Low confidence
  • Network access in prose of documentationREADME.md:21Low confidence
  • Network access in code of documentationREADME.md:39Low confidence
  • Network access in code of documentationREADME.md:69Low confidence
  • Network access in code of documentationREADME.md:79Low confidence
  • Network access in prose of documentationREADME.md:175Low confidence
  • Network access in prose of documentationREADME.md:177Low confidence
  • Network access in prose of documentationREADME.md:179Low confidence
  • Network access in prose of documentationREADME.md:180Low confidence
  • Network access in prose of documentationREADME.md:181Low confidence
  • Network access in prose of documentationREADME.md:182Low confidence
  • Network access in prose of documentationREADME.md:187Low confidence
  • Network access in prose of documentationREADME.md:189Low confidence
  • Network access in prose of documentationREADME.md:190Low confidence
  • Network access in prose of documentationREADME.md:191Low confidence
  • Network access in prose of documentationREADME.md:192Low confidence
  • Network access in prose of documentationREADME.md:197Low confidence
  • Network access in prose of documentationREADME.md:199Low confidence
  • Network access in prose of documentationREADME.md:200Low confidence
  • Network access in prose of documentationREADME.md:201Low confidence
  • Network access in prose of documentationREADME.md:202Low confidence
  • Network access in prose of documentationREADME.md:207Low confidence
  • Network access in prose of documentationREADME.md:209Low confidence
  • Network access in prose of documentationREADME.md:210Low confidence
  • Network access in prose of documentationREADME.md:211Low confidence
  • Network access in prose of documentationREADME.md:212Low confidence
  • Network access in prose of documentationREADME.md:217Low confidence
  • Network access in prose of documentationREADME.md:219Low confidence
  • Network access in prose of documentationREADME.md:220Low confidence
  • Network access in prose of documentationREADME.md:221Low confidence
  • Network access in prose of documentationREADME.md:222Low confidence
  • Network access in prose of documentationREADME.md:227Low confidence
  • Network access in prose of documentationREADME.md:229Low confidence
  • Network access in prose of documentationREADME.md:230Low confidence
  • Network access in prose of documentationREADME.md:231Low confidence
  • Network access in prose of documentationREADME.md:232Low confidence
  • Network access in prose of documentationREADME.md:237Low confidence
  • Network access in prose of documentationREADME.md:239Low confidence
  • Network access in prose of documentationREADME.md:240Low confidence
  • Network access in prose of documentationREADME.md:241Low confidence
  • Network access in prose of documentationREADME.md:242Low confidence
  • Network access in prose of documentationREADME.md:247Low confidence
  • Network access in prose of documentationREADME.md:249Low confidence
  • Network access in prose of documentationREADME.md:250Low confidence
  • Network access in prose of documentationREADME.md:251Low confidence
  • Network access in prose of documentationREADME.md:252Low confidence
  • Network access in prose of documentationREADME.md:257Low confidence
  • Network access in prose of documentationREADME.md:259Low confidence

and 441 more

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeNativeManifest .claude-plugin/marketplace.json.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard 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.

You might also use

tjboudreaux/cc-thinking-skills

28 eval-informed mental models and critical-thinking skills for Claude Code, GitHub Copilot, Codex, Cursor, and other Agent Skills-compatible tools

1.7kGitHub stars

aeonfun/aeon

The most autonomous AI agent framework: runs unattended on GitHub Actions, self-healing skills, drives Claude Code, Grok, Codex & more. No approval loops. Configure once, forget f…

789GitHub stars

OneWave-AI/claude-skills

200+ production-ready Claude Code skills for sales, marketing, design, engineering, and AI agent architecture. Built and maintained by OneWave AI.

417GitHub stars

gongnyang/deck-factory

One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.

79GitHub stars

bitwize-music-studio/claude-ai-music-skills

Human + AI music production workflow for Suno - skills, templates, and tools

636GitHub stars

assafkip/claudemy

Claudemy: an open-source alternative to Udemy and Coursera. Give Claude a topic, it researches the web and builds a course of 2-minute audio lessons with cited sources. A free Cla…

621GitHub stars

Add this badge to your README

It updates every night and links to this page.

zarazhangrui/frontend-slides: #64 on hotskills, 32k stars

[![zarazhangrui/frontend-slides on hotskills](https://hotskills.dev/badge/zarazhangrui-frontend-slides.svg)](https://hotskills.dev/skill/zarazhangrui-frontend-slides/)