frontend-slides

What it is

Frontend Slides is a coding agent skill that generates professional HTML presentations through natural language descriptions. Each presentation is a single self-contained HTML file with inline CSS and JavaScript -- no build tools, frameworks, or external dependencies. The tool enforces a fixed 16:9 stage (1920x1080) that scales uniformly across all devices. The design philosophy explicitly rejects generic AI aesthetics, following the principle that every presentation must feel custom-crafted. The skill includes a visual style discovery phase where three distinct design previews are generated for the user to choose from, allowing aesthetic selection through visual comparison rather than abstract description. Available styles range from dark themes (Bold Signal, Electric Studio, Dark Botanical) to light themes (Notebook Tabs, Pastel Geometry, Vintage Editorial) to specialty themes (Neon Cyber, Terminal Green, Swiss Modern). Key features include PowerPoint conversion that extracts content and images from .pptx files for web transformation, a 34-template bold template pack loaded progressively, reduced-motion animation fallbacks for accessibility, and production-quality output with well-commented, customizable code. The skill can also be installed as a Claude Code plugin from the marketplace.

Who it's for

• developers
• startup founders making pitch decks
• educators
• conference speakers

Requirements

Setup

1. Step 1

   bashCopy

   git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

Examples

I want to create a pitch deck for my AI startup

Convert my presentation.pptx to a web slideshow

Pros & cons