Coding agents can now build HTML slides with actual taste
A coding-agent skill that generates self-contained HTML presentations by showing you visual previews instead of asking for design adjectives.

What it does
Frontend Slides is a prompt-and-template pack that teaches coding agents—Claude Code, Codex, Gemini CLI, and others—to generate single-file HTML presentations. You describe your content, the agent renders three visual previews, you pick a direction, and it emits a complete 16:9 deck with inline CSS and JavaScript. It also ingests existing PowerPoint files and rewraps their text, images, and notes in whatever style you chose.
The interesting bit
The project treats taste as a selection problem, not a generation problem. Instead of trusting you to describe aesthetics with words like “professional” or “modern”—which LLMs reliably translate into purple gradients—it forces the agent to show preview cards first. The “Anti-AI-Slop” curation deliberately sidesteps generic AI aesthetics, and the optional bold template pack pulls from 34 distinct design systems that load progressively so the agent only fetches the one you pick.
Key highlights
- Zero-dependency output: every deck is one HTML file with inline CSS/JS. No package managers, no build tools, no frameworks.
- Visual Style Discovery: the agent generates previews before committing to a full deck.
- PowerPoint conversion: extracts content from
.pptxfiles and rewraps it in your chosen web-native style. - Multi-agent support: works as a Claude Code plugin, but any agent with filesystem and shell access can read the core
SKILL.md. - Progressive templates: 34 optional bold design systems from
beautiful-html-templatesare indexed lightly and expanded only after selection.
Verdict
Worth a look if you want presentation decks without touching Figma, PowerPoint, or a build pipeline. Skip it if you already have a design system you love and don’t need an agent middleman.
Frequently asked
- What is zarazhangrui/frontend-slides?
- A coding-agent skill that generates self-contained HTML presentations by showing you visual previews instead of asking for design adjectives.
- Is frontend-slides open source?
- Yes — zarazhangrui/frontend-slides is open source, released under the MIT license.
- What language is frontend-slides written in?
- zarazhangrui/frontend-slides is primarily written in JavaScript.
- How popular is frontend-slides?
- zarazhangrui/frontend-slides has 26.2k stars on GitHub and is currently cooling off.
- Where can I find frontend-slides?
- zarazhangrui/frontend-slides is on GitHub at https://github.com/zarazhangrui/frontend-slides.