design-html

You can automate converting approved UI mockups into production-ready HTML and CSS using this skill. It translates your design into Pretext-native HTML, applying the correct Pretext patterns for each design type and generating dynamic layouts with computed heights.

The best way to finalize frontend designs after mockup approval is to automate the conversion to Pretext-native HTML and CSS. This skill generates ready-to-ship HTML pages with dynamic layouts and computed heights from your approved designs.

Yes, this design-to-html workflow requires access to design-shotgun workflows to process approved mockups. It also requires allowed-tools including Bash, Read, Write, Edit, Glob, Grep, Agent, and AskUserQuestion to generate the production HTML output.

Yes, you can generate dynamic layouts and computed heights in CSS with this skill. It translates approved UI mockups into production-quality Pretext-native HTML and CSS, automatically handling layout computations through smart API routing for each design type.

The skill proactively suggests HTML implementation after design approvals to streamline the design finalization handoff. When a mockup is approved in design-shotgun, it immediately prompts conversion into ready-to-ship Pretext-native HTML pages to accelerate the frontend workflow.

You should avoid using an automated design-to-html approach when your mockup has not been approved in design-shotgun or when your frontend project does not support Pretext-native HTML patterns. The skill specifically targets approved designs requiring Pretext pattern routing for production output.