gstack-design-html

To turn an approved design mockup into production HTML and CSS, this Skill finalizes the design by generating Pretext-native code with computed element heights and dynamic text reflow. It applies correct pattern routing for each specific design type.

The best way to finalize a UI design for Pretext-native output is providing the approved plan context or mockup. The Skill then generates production-quality HTML and CSS with minimal overhead and correct layout reflow.

Dynamic layout handling works by computing element heights and producing layout-aware output where text reflows correctly. This ensures the generated Pretext-native HTML and CSS adapt accurately to content changes.

Yes, you need an approved mockup or plan context to generate production-quality HTML. The Skill applies after design planning phases to ensure the final code accurately reflects the finalized product design.

Yes, you can implement a page directly from plan context without a visual mockup. The Skill generates Pretext-aware output formatting by selecting the right patterns for each design type from the provided plan.