create-template

To create a Lit-based web component template, use this Skill to automate template creation and docs wiring. It generates pre-composed UI patterns, ensures self-registration via customElements.define(), and updates the template registry for immediate integration into your docs site.

The best way to register a new DUI template is by automating the template registry entry and category index updates. This Skill wires exports, updates template families, and incorporates the new template with proper navigation to avoid manual wiring errors across categories.

Yes, your custom template must use only design tokens for styling during registry integration. The Skill enforces DUI design-token conventions to standardize presentation and includes side-effect imports for dependencies to ensure proper component wiring.

Adding side-effect imports for dependencies is handled automatically when building pre-composed UI patterns. The Skill applies these imports during template creation to ensure all required dependency wiring is correctly established before the component self-registers.

Yes, you can use this template automation for updating existing template families. It modifies category indices and template registries to incorporate new entries with proper navigation, ensuring standardized presentation and accelerating template publishing workflows.

Your manually wired web component fails to appear in the template registry due to missing self-registration via customElements.define() or incomplete docs wiring. This Skill automates these steps to prevent manual wiring errors and ensure proper catalog visibility.