Skip to content
appsgit

Frontend Slides

Frontend Slides is an agent skill (a SKILL.md file) from zarazhangrui/frontend-slides. Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. It works with Claude Code, Codex, Gemini CLI and OpenCode and has 31,316 GitHub stars. Install it by copying the skill folder into your agent's skills directory.

github.com/zarazhangrui/frontend-slides (opens in a new tab)

Data as of from the GitHub API; description from the skill's SKILL.md. Report an error

View on GitHub (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

/plugin marketplace add zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

In the Claude apps, zip the frontend-slides folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/zarazhangrui/frontend-slides.git
cp -r frontend-slides .agents/skills/frontend-slides   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/zarazhangrui/frontend-slides.git
cp -r frontend-slides .cursor/skills/frontend-slides   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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. Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

When it triggers

  • Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

Similar skills

More docs & writing skills

All Docs & writing

FAQ

Frontend Slides FAQ

Still curious? Email info@appsgit.com.

How do I install the Frontend Slides skill?

In Claude Code, run /plugin marketplace add zarazhangrui/frontend-slides and then /plugin install frontend-slides@frontend-slides. For Codex or Cursor, copy the frontend-slides folder into .agents/skills/ or .cursor/skills/.

Is the Frontend Slides skill free?

Yes. The repository is open source under the MIT license.

Is Frontend Slides maintained?

The repository's most recent commit was on Jun 23, 2026. Its latest release is v2.1.0. appsgit only lists skills from repositories with a commit in the last six months.