Add Template

Overview

This skill automates the complete workflow for adding new UI style templates to the ui-style-react project. It handles directory creation, file generation, and automatic registration in the preview system.

When to Use

• When a user says "add new template" or "create style template"
• When a user provides HTML/CSS code that should become a new template
• When a user wants to add a new style to /styles/preview/ pages
• When migrating templates from external sources

Quick Start

To add a new template, collect the following information: