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.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Frontend Slides
Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.
Inspired by the visual exploration approach showcased in work by zarazhangrui (credit: @zarazhangrui).
## When to Activate
- 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
## Non-Negotiables
1. **Zero dependencies**: default to one self-contained HTML file with inline CSS and JS.
2. **Viewport fit is mandatory**: every slide must fit inside one viewport with no internal scrolling.
3. **Show, don't tell**: use visual previews instead of abstract style questionnaires.
4. **Distinctive design**: avoid generic purple-gradient, Inter-on-white, template-looking decks.
5. **Production quality**: keep code commented, accessible, responsive, and performant.
Before generating, read `STYLE_PRESETS.md` for the viewport-safe CSS base, density limits, preset catalog, and CSS gotchas.
## Workflow
### 1. Detect Mode
…
The line at the top of this page pins the label git:20260512.6523792, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_okfs4izd64j3c54o
GET https://markdownregistry.com/api/v1/resolve?ref=hashgraph-online/awesome-codex-plugins/frontend-slides
GET https://markdownregistry.com/api/v1/blob/bc890c0deeb766e78991d6de150fd981a70b3dac5507a4d20b43c1a210b1819d
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
hashgraph-online/awesome-codex-plugins · plugins/321zz321/computefirst-skill/skills/computefirst/SKILL.md · Use ComputeFirst for exact or deterministic computation when model-side arithmetic or manual transformation risks being…
hashgraph-online/awesome-codex-plugins · plugins/6Delta9/task-scheduler-codex-plugin/skills/task-planner/SKILL.md · Turn a list of goals, tasks, deadlines, and working constraints into a practical schedule with next actions and…
hashgraph-online/awesome-codex-plugins · plugins/6jeffr3y/burpsuite-mcp-bridge/skills/use-burpsuite-mcp-bridge/SKILL.md · Operate BurpSuite MCP Bridge for professional, authorized web testing. Use when Codex needs to inspect Burp…
hashgraph-online/awesome-codex-plugins · plugins/ADanMan/clueless/skills/clueless-blindspots/SKILL.md · Use when the user asks what they are not seeing, what they forgot, what could go wrong, or what an expert would say…
affaan-m/ecc · .agents/skills/frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…
affaan-m/ecc · .cursor/skills/frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…
juanjuanjie/html-presentation · frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…
moizibnyousaf/marketing-cli · skills/frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Zero dependencies —…
felvieira/claude-skills-fv · skills/77-frontend-slides/SKILL.md · Skill de geração de apresentações (decks) em HTML single-file, com palco fixo 1920×1080 que
escala uniformemente…
wrg32786/aigent-os · skills/frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…
canvascoding/canvas-notebook · seed_skills/frontend-slides/SKILL.md · Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user…