Generate HTML template variations and render review-ready PNGs.
npx skills add https://github.com/renatoasse/opensquad --skill template-designer
Please help me install this Agent Skill. Skill: template-designer Source: https://github.com/renatoasse/opensquad/tree/main/skills/template-designer Command: npx skills add https://github.com/renatoasse/opensquad --skill template-designer
Streamline the visual identity process by enabling quick selection and refinement of image templates for design agents, reducing back-and-forth and ensuring consistency across squads.
Generate three adapted HTML templates from the base models and render them to PNG for review.
High-intent search queries and answers about installing and using this skill.
The system generates three adapted HTML template variations from base models to match squad branding rules, enforcing hard dimensions and inline CSS to maintain consistent visual identity across design squads.
HTML templates are rendered to review-ready PNG files by integrating with the image-creator workflow, which processes the adapted HTML variations and outputs images for immediate reviewer feedback.
Image template design enforces hard dimensions and requires inline CSS within the HTML templates to guarantee that branding rules are strictly followed and the rendered output maintains exact visual specifications.
Yes, once a template is approved, the system saves it as a reference HTML file and automatically generates a visual-identity.md document containing the specific branding rules for your design squad.
Yes, the image-creator workflow is required to render the adapted HTML template variations into review-ready PNGs, serving as the core integration for preparing and exporting visual assets for reviewer feedback.
Automated template selection should be used during squad creation and editing to streamline the visual identity process, reducing back-and-forth by quickly generating and enforcing consistent branding rules across design squads.
mostafa-K-raihanGenerate self-contained HTML diagrams with inline SVG and CSS.
capaas2Generate and refine self-contained HTML visual templates for image design agents.
Dante-danPublish markdown articles across multiple content platforms with generated visual assets.
tobilafinhangitConvert Figma design frames to static HTML/CSS files.
