# Frontend Slides (agent skill)

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

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/zarazhangrui/frontend-slides |
| Skill path | SKILL.md |
| Skill name | frontend-slides |
| GitHub stars | 31,316 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | frontend-slides |
| Official | no |
| Works with | Claude Code, Codex, Gemini CLI, OpenCode |
| Category | Docs & writing |
| Last commit | Jun 23, 2026 |

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

## Add this skill

### Claude Code

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

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

### ChatGPT / Codex

```sh
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
```

### Cursor

```sh
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
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/zarazhangrui-frontend-slides
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.