What problem does it solve? Building interactive, configurable widgets for Wix sites requires coordinating React components, web component conversion, editor settings panels, and extension registration, which is error-prone without a structured guide. ## Core Features & Use Cases - Widget Component Generation: Creates widget.tsx files that convert React components to web components using react-to-webcomponent with proper camelCase prop mapping and inline styles. - Settings Panel Construction: Builds panel.tsx files using Wix Design System components with widget.getProp/setProp integration, including native color and font pickers via @wix/editor. - Extension Registration: Generates extensions.ts with unique UUIDs and guides registration in the main src/extensions.ts file so widgets appear in the Wix Editor. - Use Case: A developer asks for a countdown timer widget; the Skill produces the widget component, a settings panel with date/time inputs and color pickers, and the extension registration needed to make it available in the Wix Editor. ## Quick Start Ask the assistant to create a Wix site widget, such as a countdown timer or product showcase, and it will generate the widget component, settings panel, and extension registration files.
