add-component

What problem does it solve?

This skill helps teams create a reusable, well-structured UI component using a factory pattern, ensuring theme compatibility and proper cleanup. It reduces duplication and enforces a consistent API across components.

Core Features & Use Cases

• Factory-based component creation: provide a standard way to instantiate components with a defined Options and Handle interface.
• Theme-friendly design: components consume CSS variables for colors and tokens to stay aligned with the app theme.
• Lifecycle management: destroy() cleans up listeners and resources to prevent leaks.
• Reuse and composition: encourages integrating with existing components like ArcadeButton, Modal, and Progress indicators.

Quick Start

Create a new component by using the factory function with a name and options, wire it into your UI, and ensure destroy cleans up resources when removed.