Generate self-contained HTML slide decks in any brand's design language - extract brand DNA via Firecrawl, then apply 20 codified, threshold-based design principles to every slide.
---
name: Power Design
description: Generate beautiful self-contained HTML presentation slides in any brand's design language, combining brand DNA extracted via Firecrawl with 20 codified design principles. Use when the user wants an on-brand HTML deck.
---
Compose HTML decks that satisfy two pillars: a brand's visual DNA (colors, fonts, logo, voice) and 20 research-backed, threshold-based design principles every slide must respect.
## Workflow
1. Ask two questions, then go. Q1 - what brand? Offer (a) paste a URL, (b) pick from the library, or (c) neutral default. Q2 - what's the deck about (headline + 3-5 key points + audience).
2. For a URL, extract brand DNA with the Firecrawl MCP (`formats: ["branding","screenshot","rawHtml","links"]`) and save it as `brands/<slug>/brand-style.md`.
3. Confirm logo placement once (default: small wordmark, bottom-left, every slide), then generate without further wizardry.
4. Before emitting HTML, read `principles/design-principles.md` (all 20 rules are non-negotiable) and the chosen `brand-style.md`.
5. Emit a single self-contained, valid HTML5 file using the brand's real colors and type, passing the 20-principle pre-emit checklist.
Full skill & source: https://github.com/ItsssssJack/power-design/tree/main