frontend-slides

frontend-slides is a skill in zarazhangrui/frontend-slides, last changed 10 Jun 2026. It can download software, run shell commands, reach the network, name web addresses and bundle scripts — read the findings before installing. Our pattern check flagged nothing at commit 9906a34 on 27 Oct 2026.

Pattern check: nothing flagged · commit 9906a34 · 27 Oct 2026

Install
From the author
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.
Licence
MIT
Repo stars
31.5k
Publisher
zarazhangrui
Checked
9906a34 (opens in a new tab) · 27 Oct 2026

Install

Each tab says whether it installs commit 9906a34, the one we checked, or the latest version.

No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.

Pinned to commit 9906a34, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/zarazhangrui/frontend-slides.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin 9906a34d640d2111f724544cbc50f7f130569ae1 &&
  git -C "$tmp" sparse-checkout set -- plugins/frontend-slides/skills/frontend-slides &&
  git -C "$tmp" checkout -q 9906a34d640d2111f724544cbc50f7f130569ae1 &&
  mkdir -p .claude/skills &&
  mkdir .claude/skills/frontend-slides &&
  cp -R "$tmp"/plugins/frontend-slides/skills/frontend-slides/. .claude/skills/frontend-slides/ &&
  rm -rf "$tmp"

If Claude Code was already running and this created the skills folder, run /reload-skills.

Or install the frontend-slides plugin it ships in. Installs the latest version, not the one we checked. Installs everything in the plugin, including any hooks, MCP servers and scripts our check doesn't cover.

claude plugin marketplace add zarazhangrui/frontend-slides --scope project &&
  claude plugin install frontend-slides@frontend-slides --scope project
Claude Code docs (opens in a new tab)

What it can touch

From the files and frontmatter at commit 9906a34. This is how much a skill can do, not whether it is risky.

What it can touch: Shell, network or credentials

  • Runs shell commands

    Its instructions or files give the agent commands to run on your computer.

  • Reaches the network

    It sends or fetches data over the internet, for example with curl, an HTTP library or a package install.

  • Names web addresses

    It mentions outside web addresses the agent may visit. We list them but don't follow them.

  • Bundles scripts

    The folder holds code files the agent may run.

  • Downloads software

    It fetches programs or packages from the internet, or from a package source other than the default.

    html-template.md:262 · scripts/deploy.sh:113 · scripts/deploy.sh:114

Pattern check

Pattern check: nothing flagged · commit 9906a34 · 27 Oct 2026

We checked every text file in this skill, at commit 9906a34 on 27 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check worksReport an incorrect finding

Outside links we did not follow

  • https://nodejs.org
  • https://vercel.com/signup
  • https://vercel.com/dashboard
  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap
  • 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
  • https://cdn.jsdelivr.net/npm/cn-fontsource-smiley-sans-oblique/font.min.css
  • https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap
  • https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&display=swap
Show 34 more
  • https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;600&display=swap
  • 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
  • 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
  • https://cdn.jsdelivr.net/npm/cn-fontsource-yozai-regular/font.css
  • 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
  • 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
  • https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300..700&family=ZCOOL+XiaoWei&display=swap
  • 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
  • https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400..700&family=ZCOOL+XiaoWei&display=swap
  • https://quiver.ai
  • https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&family=Noto+Serif+SC:wght@400;500;700&display=swap
  • 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
  • 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
  • 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
  • https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap
  • https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap
  • 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:wght@400;500;700&display=swap
  • 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
  • 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;900&display=swap
  • 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
  • https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-regular/font.css
  • 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&display=swap
  • https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Grotesk:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap
  • https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;800;900&display=swap
  • https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap
  • https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap
  • https://chinese-fonts-cdn.deno.dev/packages/zcool-xiaowei/dist/ZCOOLXiaoWei-Regular/result.css
  • https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css
  • https://chinese-fonts-cdn.deno.dev/packages/zcool-kuaile/dist/ZCOOLKuaiLe-Regular/result.css
  • 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
  • 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:wght@400;500;700;900&display=swap
  • 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
  • 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&display=swap
  • https://api.fontshare.com/v2/css?f[]=

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

  • Agent Skills specPasses with warnings

    The open format from agentskills.io, held to what the strictest agents enforce, so one folder loads everywhere.

    • Warning

      The body is about 6,926 tokens (approx.); the spec suggests under 5,000. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Note

      There is no license field, so readers can't tell whether they may reuse the skill. O2

      Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.

    • Note

      Reference files over 100 lines with no table of contents at the top: STYLE_PRESETS.md (347 lines), animation-patterns.md (111 lines), bold-template-pack/templates/8-bit-orbit/design.md (574 lines), bold-template-pack/templates/biennale-yellow/design.md (580 lines), bold-template-pack/templates/block-frame/design.md (610 lines) and 32 more. B5

      Fix: Add a short list of the sections at the top of each.

  • Claude CodePasses

    Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.

    • Note

      The body is about 6,926 tokens (approx.); the spec suggests under 5,000. After compaction Claude Code keeps only the first 5,000 tokens of a skill. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Note

      Reference files over 100 lines with no table of contents at the top: STYLE_PRESETS.md (347 lines), animation-patterns.md (111 lines), bold-template-pack/templates/8-bit-orbit/design.md (574 lines), bold-template-pack/templates/biennale-yellow/design.md (580 lines), bold-template-pack/templates/block-frame/design.md (610 lines) and 32 more. B5

      Fix: Add a short list of the sections at the top of each.

  • Claude apps & API uploadPasses

    Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.

    • Note

      The description is 311 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4

      Fix: If the claude.ai upload refuses it, trim the description to 200 characters.

    • Note

      The body is about 6,926 tokens (approx.); the spec suggests under 5,000. Anthropic's guidance says the same. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Note

      Reference files over 100 lines with no table of contents at the top: STYLE_PRESETS.md (347 lines), animation-patterns.md (111 lines), bold-template-pack/templates/8-bit-orbit/design.md (574 lines), bold-template-pack/templates/biennale-yellow/design.md (580 lines), bold-template-pack/templates/block-frame/design.md (610 lines) and 32 more. B5

      Fix: Add a short list of the sections at the top of each.

  • OpenAI (Codex & API)Passes
  • VS Code & CopilotPasses

SKILL.md

Files

79 files

PathSize
SKILL.md (opens in a new tab)27.5 KB
STYLE_PRESETS.md (opens in a new tab)8 KB
animation-patterns.md (opens in a new tab)3.9 KB
bold-template-pack/README.md (opens in a new tab)3.2 KB
bold-template-pack/deck-stage.js (opens in a new tab)22.2 KB
bold-template-pack/selection-index.json (opens in a new tab)38.3 KB
bold-template-pack/templates/8-bit-orbit/design.md (opens in a new tab)43.7 KB
bold-template-pack/templates/8-bit-orbit/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/biennale-yellow/design.md (opens in a new tab)45.9 KB
bold-template-pack/templates/biennale-yellow/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/block-frame/design.md (opens in a new tab)45.4 KB
bold-template-pack/templates/block-frame/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/blue-professional/design.md (opens in a new tab)50.4 KB
bold-template-pack/templates/blue-professional/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/bold-poster/design.md (opens in a new tab)53.3 KB
bold-template-pack/templates/bold-poster/preview.md (opens in a new tab)4.7 KB
bold-template-pack/templates/broadside/design.md (opens in a new tab)38.1 KB
bold-template-pack/templates/broadside/preview.md (opens in a new tab)4.2 KB
bold-template-pack/templates/capsule/design.md (opens in a new tab)39.5 KB
bold-template-pack/templates/capsule/preview.md (opens in a new tab)4.3 KB
Show 59 more
PathSize
bold-template-pack/templates/cartesian/design.md (opens in a new tab)36.3 KB
bold-template-pack/templates/cartesian/preview.md (opens in a new tab)4.3 KB
bold-template-pack/templates/cobalt-grid/design.md (opens in a new tab)42.3 KB
bold-template-pack/templates/cobalt-grid/preview.md (opens in a new tab)4.2 KB
bold-template-pack/templates/coral/design.md (opens in a new tab)43.7 KB
bold-template-pack/templates/coral/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/creative-mode/design.md (opens in a new tab)28.8 KB
bold-template-pack/templates/creative-mode/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/daisy-days/design.md (opens in a new tab)38.9 KB
bold-template-pack/templates/daisy-days/preview.md (opens in a new tab)4.5 KB
bold-template-pack/templates/editorial-forest/design.md (opens in a new tab)38.6 KB
bold-template-pack/templates/editorial-forest/preview.md (opens in a new tab)4.5 KB
bold-template-pack/templates/editorial-tri-tone/design.md (opens in a new tab)32.6 KB
bold-template-pack/templates/editorial-tri-tone/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/emerald-editorial/design.md (opens in a new tab)44 KB
bold-template-pack/templates/emerald-editorial/preview.md (opens in a new tab)4.5 KB
bold-template-pack/templates/grove/design.md (opens in a new tab)44.5 KB
bold-template-pack/templates/grove/preview.md (opens in a new tab)4.8 KB
bold-template-pack/templates/long-table/design.md (opens in a new tab)47.8 KB
bold-template-pack/templates/long-table/preview.md (opens in a new tab)5.1 KB
bold-template-pack/templates/mat/design.md (opens in a new tab)38 KB
bold-template-pack/templates/mat/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/monochrome/design.md (opens in a new tab)35.2 KB
bold-template-pack/templates/monochrome/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/neo-grid-bold/design.md (opens in a new tab)38.3 KB
bold-template-pack/templates/neo-grid-bold/preview.md (opens in a new tab)4.3 KB
bold-template-pack/templates/peoples-platform/design.md (opens in a new tab)38 KB
bold-template-pack/templates/peoples-platform/preview.md (opens in a new tab)4.5 KB
bold-template-pack/templates/pin-and-paper/design.md (opens in a new tab)42.2 KB
bold-template-pack/templates/pin-and-paper/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/pink-script/design.md (opens in a new tab)44.7 KB
bold-template-pack/templates/pink-script/preview.md (opens in a new tab)4.7 KB
bold-template-pack/templates/playful/design.md (opens in a new tab)36.4 KB
bold-template-pack/templates/playful/preview.md (opens in a new tab)4.2 KB
bold-template-pack/templates/raw-grid/design.md (opens in a new tab)34 KB
bold-template-pack/templates/raw-grid/preview.md (opens in a new tab)4.4 KB
bold-template-pack/templates/retro-windows/design.md (opens in a new tab)45.2 KB
bold-template-pack/templates/retro-windows/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/retro-zine/design.md (opens in a new tab)43 KB
bold-template-pack/templates/retro-zine/preview.md (opens in a new tab)4.5 KB
bold-template-pack/templates/sakura-chroma/design.md (opens in a new tab)48.6 KB
bold-template-pack/templates/sakura-chroma/preview.md (opens in a new tab)4.8 KB
bold-template-pack/templates/scatterbrain/design.md (opens in a new tab)44.1 KB
bold-template-pack/templates/scatterbrain/preview.md (opens in a new tab)4.8 KB
bold-template-pack/templates/signal/design.md (opens in a new tab)38.5 KB
bold-template-pack/templates/signal/preview.md (opens in a new tab)4.7 KB
bold-template-pack/templates/soft-editorial/design.md (opens in a new tab)43.5 KB
bold-template-pack/templates/soft-editorial/preview.md (opens in a new tab)4.8 KB
bold-template-pack/templates/stencil-tablet/design.md (opens in a new tab)45.4 KB
bold-template-pack/templates/stencil-tablet/preview.md (opens in a new tab)4.7 KB
bold-template-pack/templates/studio/design.md (opens in a new tab)38.6 KB
bold-template-pack/templates/studio/preview.md (opens in a new tab)4.6 KB
bold-template-pack/templates/vellum/design.md (opens in a new tab)43.1 KB
bold-template-pack/templates/vellum/preview.md (opens in a new tab)4.6 KB
html-template.md (opens in a new tab)11.2 KB
scripts/deploy.sh (opens in a new tab)7.9 KB
scripts/export-pdf.sh (opens in a new tab)13.3 KB
scripts/extract-pptx.py (opens in a new tab)2.8 KB
viewport-base.css (opens in a new tab)2.7 KB

Copies

These share its SKILL.md or its name and description but not all its files, so we list them separately.

More from zarazhangrui/frontend-slides

  • frontend-slides

    zarazhangrui/frontend-slides

    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.

    • Downloads software
    • Changes agent settings
    • +4 more
    Pattern check: Nothing flagged

    MIT · 31.5k repo stars · Updated 26 May 2026