# frontend-slides

> Claude/Codex skill by [@affaan-m](https://github.com/affaan-m) · 240k stars · Updated 2026-08-13

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.

Tags: ai-agents, anthropic, claude, claude-code, developer-tools, llm, mcp, productivity

## Install

```sh
git clone https://github.com/affaan-m/ECC /tmp/ECC && ln -s /tmp/ECC/skills/frontend-slides ~/.claude/skills/frontend-slides
```

## From README

Frontend Slides Create zero-dependency, animation-rich HTML presentations that run entirely in the browser. Inspired by the visual exploration approach showcased in work by zarazhangrui (credit: @zarazhangrui). When to Activate Creating a talk deck, pitch deck, workshop deck, or internal presentation Converting .ppt or .pptx slides into an HTML presentation Improving an existing HTML presentation's layout, motion, or typography Exploring presentation styles with a user who does not know their design preference yet Non-Negotiables Zero dependencies: default to one self-contained HTML file with inline CSS and JS. Viewport fit is mandatory: every slide must fit inside one viewport with no internal scrolling. Show, don't tell: use visual previews instead of abstract style questionnaires. Distinctive design: avoid generic purple-gradient, Inter-on-white, template-looking decks. Production quality: keep code commented, accessible, responsive, and performant.

## Links

- HTML page: https://omgskills.com/skills/affaan-m/ecc/frontend-slides/
- GitHub: https://github.com/affaan-m/ECC
- Author: [@affaan-m](https://github.com/affaan-m)

## More from this repo

- [content-engine](https://omgskills.com/skills/affaan-m/ecc/content-engine/index.md) — Used to create platform-native content systems for X, LinkedIn, TikTok, YouTube, newsletters, and repurposed...
   - [@affaan-m](https://github.com/affaan-m) · 240k stars
- [crosspost](https://omgskills.com/skills/affaan-m/ecc/crosspost/index.md) — Multi-platform content distribution across X, LinkedIn, Threads, and Bluesky.
   - [@affaan-m](https://github.com/affaan-m) · 240k stars
- [investor-materials](https://omgskills.com/skills/affaan-m/ecc/investor-materials/index.md) — Used to create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and...
   - [@affaan-m](https://github.com/affaan-m) · 240k stars