wix-cli-site-component

SKILL.md

Wix Site Component Builder

Creates production-quality React site components with editor manifests for Wix CLI applications. Site components are React components that integrate with the Wix Editor, allowing site owners to customize content, styling, and behavior through a visual interface.

Prerequisite: Install @wix/editor-react-types as a dev dependency before writing any files.

Architecture

Site components consist of four required files:

1. Component Manifest (manifest.json)

Defines the contract between the React component and Wix ecosystem:

editorElement: Root element configuration (selector, displayName, archetype, layout)

cssProperties: CSS API for styling customization

data: Data API for content configuration

elements: Nested element definitions for granular editing

behaviors: Editor interaction behaviors