frontend-slides

frontend slides

affaan-m 232k ↓ 7.1k MIT updated 25d ago
Claude Code
View source ↗

What it does

  • 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
  • New presentation: user has a topic, notes, or full draft
  • PPT conversion: user has .ppt or .pptx
  • Enhancement: user already has HTML slides and wants improvements

Requirements & configuration

  • code blocks that need scrolling
  • e2e-testing if you need automated browser verification for the final deck

Configuration: STYLE_PRESETS

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

frontend slides

Source

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

frontend-slides FAQ

What does the frontend-slides skill do?

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. Creating a talk deck, pitch deck, workshop deck, or internal presentation Converting .ppt or .pptx slides into an HTML presentation

What does frontend-slides require?

code blocks that need scrolling e2e-testing if you need automated browser verification for the final deck Configuration keys: STYLE_PRESETS.

How do I install frontend-slides?

Run: npx -y skills add https://github.com/affaan-m/everything-claude-code --skill frontend-slides --agent claude-code — the source lives at github.com/affaan-m/everything-claude-code.

Maintain frontend-slides?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

frontend-slides on getagentictools
[![frontend-slides on getagentictools](https://getagentictools.com/badge/skills/affaan-m-everything-claude-code-frontend-slides.svg)](https://getagentictools.com/skills/affaan-m-everything-claude-code-frontend-slides?ref=badge)
npx agentictools info skills/affaan-m-everything-claude-code-frontend-slides

The second line is the CLI lookup for this page — handy in READMEs and docs.