What problem does it solve?
Design mockups and product plans are static artifacts that cannot be deployed directly because they lack computed layouts, dynamic text reflow, and proper height calculations. This Skill bridges that gap by generating production-quality Pretext-native HTML that behaves correctly with real, varying content.
Core Features & Use Cases
- Pretext-Native HTML/CSS: Generates lightweight, zero-dependency HTML with computed layouts where text reflows and heights adjust automatically to content.
- Multiple Input Sources: Works from approved design mockups, CEO product plans, design review context, or plain text descriptions.
- Dynamic Layout Primitives: Handles cards, chat bubbles, and editorial spreads that size themselves correctly without manual CSS tweaking.
- Use Case: A teacher dashboard monitoring page needs to display a varying number of exam alerts and student names without breaking the layout when content grows or shrinks.
Quick Start
Use the design-html skill to turn the approved exam monitoring mockup into a working HTML page with reflowable text and dynamic card heights.