Frontend Slides

Bouwt dependency-vrije HTML-decks met vaste 16:9-verhouding, of converteert PPTX — zonder standaard AI-slop.

Door zarazhangrui · zarazhangrui/frontend-slides

Getest · Werkt ★ 9.6/10

Frontend Slides — Bouwt dependency-vrije HTML-decks met vaste 16:9-verhouding, of converteert PPTX — zonder standaard AI-slop.

Wat het doet

Genereert single-file, animatierijke HTML-presentaties vanaf nul of via een PPTX-conversie, met een vaste stage van 1920x1080 die schaalt in plaats van reflowt. Gaat aan wanneer iemand een presentatie wil bouwen, een PPT/PPTX naar het web wil converteren, of slides voor een talk of pitch wil maken, en doorloopt visuele stijlpreviews, generatie en optionele Vercel-deploy / PDF-export.

Testrapport

Bouwde hetzelfde pitchdeck twee keer: de kale versie verviel in een paars verloop op wit met systeemlettertypen, de begeleide versie gebruikte een echte lettertypecombinatie en een schalende stage die zonder overflow rendert in een live browser.

Getest op: 2026-07-10 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/zarazhangrui/frontend-slides
cd frontend-slides
mkdir -p ~/.claude/skills
cp -r plugins/frontend-slides/skills/frontend-slides ~/.claude/skills/frontend-slides

Commando's en voorbeeldprompts

  • /frontend-slidesBouwt dependency-vrije HTML-decks met vaste 16:9-verhouding, of converteert PPTX — zonder standaard AI-slop.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Convert this PPTX into a zero-dependency HTML presentation
  • Build a fixed 1920x1080 animated HTML deck for my pitch talk
  • Create slides for this talk and export them to PDF and deploy to Vercel