AIKraft/AI/Войти
AIKraft/Skills/Wix CLI: компонент сайта

Wix CLI: компонент сайта

Use when building React site components with editor manifests for Wix CLI applications. Triggers include site component, editor manifest, custom component, visual customization, editor element, CSS properties, data API, site builder component, Wix Editor component. Use this skill whenever the user wants to create a component that site owners can customize through the Wix Editor's visual interface.

wix official Дизайн

Что делает навык

Skill создает React-компоненты сайта с манифестами редактора для приложений Wix CLI, позволяя владельцам сайтов настраивать контент, стили и поведение через визуальный интерфейс Wix Editor. Он обеспечивает интеграцию React-компонентов с экосистемой Wix, определяя контракт между компонентом и платформой.

Когда применять

  • Создание кастомных компонентов сайта, которые можно редактировать визуально в Wix Editor.
  • Настройка CSS-свойств и данных для компонентов через API редактора.
  • Определение вложенных элементов для детальной настройки структуры компонента.
  • Добавление интерактивного поведения компонентов в процессе редактирования.

Как работает

  1. Установите @wix/editor-react-types как зависимость dev-dependency перед написанием файлов.
  2. Создайте файл manifest.json, определяющий корневой элемент (editorElement), включая селектор, имя, архетип и макет.
  3. Настройте API стилизации (cssProperties) и API данных (data) для конфигурации контента.
  4. Определите вложенные элементы (elements) для гранулярного редактирования и поведения (behaviors) взаимодействия с редактором.
  5. Реализуйте React-компонент, соответствующий структуре манифеста, для интеграции с Wix Editor.

Примеры запросов агенту

Создай React-компонент для Wix с возможностью визуальной настройки заголовка и фона через редактор.
Разработай компонент сайта с вложенными элементами для редактирования текста и изображений в Wix Editor.
Настрой CSS-свойства и данные для компонента, чтобы владельцы сайта могли менять стиль и контент визуально.

Что понадобится

  • Установка @wix/editor-react-types как dev-dependency.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «wix-cli-site-component» из репозитория: # https://github.com/wix/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r wix-cli-site-component/ ~/.claude/skills/wix-cli-site-component/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.