frontend-slides
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.
85
88%
Does it follow best practices?
Impact
65%
1.35xAverage score across 3 eval scenarios
Passed
No findings from the security scan
Evaluation results
0%
-45%Conference Talk: The Future of Web Performance
Speaker-led conference talk HTML presentation generation
Zero dependencies
100%
0%
Fixed 1920x1080 stage
0%
0%
Slide visibility: no display:none
100%
0%
viewport-base.css content present
20%
0%
SlidePresentation class
0%
0%
Keyboard navigation
100%
0%
Non-system web font
0%
0%
Non-generic design
50%
0%
Speaker-led density
37%
0%
Section comments
100%
0%
Inline editing with JS hover
0%
0%
98%
45%Product Launch Presentation Conversion
PPTX to HTML presentation conversion
Extraction script used
50%
80%
Fixed 1920×1080 stage width
0%
100%
Fixed 1920×1080 stage height
0%
100%
JS scale transform present
0%
100%
Visibility-based slide switching
0%
100%
No display:none slide toggle
100%
100%
Non-system font from CDN
0%
100%
Single self-contained HTML
100%
100%
All 4 slides present
100%
100%
Slide content accuracy
100%
100%
Keyboard navigation
100%
100%
Touch/swipe navigation
100%
100%
Intermediate files cleaned up
100%
100%
97%
49%Q3 2026 Performance Review Deck
Style preview workflow with high-density reading-first deck generation and cleanup
Preview folder deleted
100%
100%
Single HTML output
100%
87%
Fixed 1920×1080 stage
0%
100%
Visibility not display
0%
100%
No clamp() inside stage
0%
100%
CSS negation pattern
100%
100%
CSS custom properties
0%
75%
Non-generic fonts
0%
100%
Non-generic color scheme
100%
100%
High-density layout
100%
100%
Authentic preview content
100%
100%
viewport-base CSS present
0%
100%
- Repository
- zarazhangrui/frontend-slides
- Commit
9906a34
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.