Download for macOS
Skill

frontend-slides

@affaan-m 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.

ai-agentsanthropicclaudeclaude-codedeveloper-toolsllmmcpproductivity

Install

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.