"I asked Claude to make a slide show about this skill to showcase what it can do."
Make it yours. With the skill installed, start it and replace "a slide show about this skill" with your own subject, as in the README's "I want to create a pitch deck for my AI startup". The look comes from the preview you pick.
Animated web deck about its own skill
A dark browser deck with gold-accented serif headlines, a style quiz, and a theme picker, made with the creator's frontend-slides skill to show what it does. The creator describes the request rather than quoting it; the skill asks about looks before building.
“The world hasn't woken up to the fact that code can create much better slides than most PPT tools.”
You'll need
- The frontend-slides skill (in Claude Code: /plugin marketplace add https://github.com/zarazhangrui/frontend-slides, then /plugin install frontend-slides@frontend-slides)
- Answers to the skill's style questions
How it was made
Per the post, Claude interviews you about aesthetics first, then generates a few directions to "show not tell" so you can pick one; the skill can also convert existing PowerPoint files and keep their images. The README describes it as a Claude Code plugin that writes single HTML files with inline CSS and JavaScript, and its usage example is the skill command followed by "I want to create a pitch deck for my AI startup".
HTML and CSS · frontend-slides
Source and credit
X · Jan 28, 2026 · 6k likes · 1.6M views · 218 comments
Authorship not stated by the source
Published instructions: Post body, as the creator's description of the request. The exact message isn't published; the skill itself is.
Look notesby Reference
A dark presentation in the browser: near-black slides with soft gold glows, serif headlines, and a thin gold progress line along the top. A cursor highlight is visible on several slides.
- Color
- Near-black and charcoal with warm gold accents and cream text; a muted red outline on one slide and small neon swatches in the theme picker.
- Type
- High-contrast serif headlines ("Presentations are broken.", "Four principles."), small spaced gold capitals for section labels, and a small sans-serif for body text.
- Framing
- Headlines left-aligned or centered with lots of dark space, cards in two-by-two grids, a column of navigation dots on the right edge, and a modal of theme cards over a darkened slide.
- Structure
- The problem (four tool cards), Claude interviews you (a radio-button question about the vibe), three simple steps, first one and then all three, four principles, Convert your PPT, a Dark Themes picker with four swatches, Find your aesthetic with three style groups, and a blurred closing title.
