skills.rest
netbarros
netbarrosCOMMUNITY
Explore all skills by this author →
Website𝕏@prophetaGitHub

template-designer

Generate three HTML templates from base models for squad review.

1|Updated Mar 28, 2026
Search Tags:#design#template#review#visual#ai-assisted#image-design#build-squad
One-click install
npx skills add https://github.com/netbarros/quantum-project --skill template-designer-netbarros
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: template-designer
Source: https://github.com/netbarros/quantum-project/tree/main/skills/template-designer
Command: npx skills add https://github.com/netbarros/quantum-project --skill template-designer-netbarros

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables rapid creation and refinement of visual templates for image-design agents by generating multiple variations and rendering review-ready previews, reducing manual iteration.

Core Features & Use Cases

  • Generate three adapted HTML templates from base models with brand-aligned colors and typography.
  • Render and save the templates as concrete outputs for squad review and approval.
  • Support end-to-end template iteration during squad design and editing workflows.

Quick Start

Generate three HTML templates from the base-models and save them to squads/{code}/_build/template-a.html, squads/{code}/_build/template-b.html, and squads/{code}/_build/template-c.html.

Frequently Asked Questions about template-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate multiple visual templates for an image design agent?▼

You can generate visual templates by producing three adapted HTML variations from base models. This renders brand-aligned colors and typography into concrete review-ready outputs for immediate squad evaluation and approval.

What is the best way to automate rapid HTML template iteration during squad creation?▼

Automating rapid HTML template iteration during squad creation is handled by generating three distinct design variations at once. This produces review-ready previews directly in the squad build directory, eliminating manual design cycles.

Where are the generated HTML template files saved for squad review?▼

Generated HTML template files are saved as concrete outputs in the squads build directory. The three variations are specifically written to the template-a.html, template-b.html, and template-c.html files within the respective squad folder.

Can I use this approach to establish a defined visual identity for a design squad?▼

Yes, you can establish a defined visual identity for a design squad by generating three brand-aligned HTML templates. This provides multiple review-ready options that support end-to-end template iteration during squad design and editing workflows.

Do I need base models to create review-ready visual template previews?▼

Yes, base models are required to create review-ready visual template previews. The generation process adapts these base models to produce three distinct HTML templates with brand-aligned colors and typography for squad evaluation.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
capaas2capaas2

template-designer

Generate and refine self-contained HTML visual templates for image design agents.

Community
Advanced
bruno0henriquebruno0henrique

template-designer

Generate and refine HTML/CSS visual templates for AI design agents.

Community
Advanced
gztcodegztcode

popular-web-designs

Generate HTML/CSS code from real-world design system templates.

Community
Intermediate