template-designer

You generate HTML visual templates by using a skill that converts base layouts into brand-aligned, platform-specific designs. This process creates self-contained, preview-ready HTML files with validated typography and contrast for downstream image rendering.

To create platform-specific layouts, you provide a base HTML structure and specify the target platform. The template adaptation process converts the layout into approved designs with fixed dimensions and brand styling suitable for squad creation and editing workflows.

Yes, you can save visual identity rules by capturing the approved template and its structured style rules. This ensures that future image design outputs maintain consistent brand styling, typography, and layout standards across all downstream squad workflows.

Yes, fixed-dimension HTML is required for image rendering to ensure platform-specific layouts render correctly. The template design process validates these dimensions alongside typography and contrast to produce self-contained, preview-ready visual outputs.

The best way to review multiple image template variations is to generate and render several polished options simultaneously. This approach presents different brand-aligned visual designs side-by-side, allowing you to compare and select the optimal layout before saving the visual identity rules.