·frontend-slides
</>

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.

345Installs·30Trend·@affaan-m

Installation

$npx skills add https://github.com/affaan-m/everything-claude-code --skill frontend-slides

How to Install frontend-slides

Quickly install frontend-slides AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/affaan-m/everything-claude-code --skill frontend-slides
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: affaan-m/everything-claude-code.

SKILL.md

View raw

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Inspired by the visual exploration approach showcased in work by zarazhangrui.

Before generating, read STYLEPRESETS.md for the viewport-safe CSS base, density limits, preset catalog, and CSS gotchas.

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. Source: affaan-m/everything-claude-code.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/affaan-m/everything-claude-code --skill frontend-slides
Category
</>Dev Tools
Verified
First Seen
2026-02-28
Updated
2026-03-10

Browse more skills from affaan-m/everything-claude-code

Quick answers

What is 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. Source: affaan-m/everything-claude-code.

How do I install frontend-slides?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/affaan-m/everything-claude-code --skill frontend-slides Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/affaan-m/everything-claude-code