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.
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.
More from this repo
content-engine
Used to create platform-native content systems for X, LinkedIn, TikTok, YouTube, newsletters, and repurposed...
crosspost
Multi-platform content distribution across X, LinkedIn, Threads, and Bluesky.
investor-materials
Used to create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and...
