Wix CLI: виджет сайта
Use when building interactive widgets, custom data displays, or configurable site components with settings panels. Triggers include widget, custom element, interactive component, editor component, configurable widget, web component.
AIwix
official
Данные
Что делает навык
Создает пользовательские виджеты сайтов (Site widgets) для Wix CLI, преобразуя React-компоненты в веб-компоненты, которые отображаются в редакторе Wix. Позволяет владельцам сайтов добавлять интерактивные, настраиваемые элементы с встроенной панелью настроек.
Когда применять
- Разработка интерактивных виджетов для страниц сайта
- Создание кастомных отображений данных в редакторе Wix
- Разработка настраиваемых компонентов с панелями настроек
- Интеграция пользовательских элементов через Wix CLI
Как работает
- Создать папку виджета по пути src/extensions/site/widgets/custom-elements/<widget-name>/
- Создать файл widget.tsx с React-компонентом и конвертацией в веб-компонент через reactToWebComponent
- Создать файл panel.tsx с компонентами WDS и методами widget.getProp/setProp для настроек
- Создать файл extensions.ts с вызовом extensions.customElement() и уникальным UUID
- Обновить src/extensions.ts для импорта и использования нового расширения
Примеры запросов агенту
Создай интерактивный виджет для Wix с панелью настроек
Разработай кастомный веб-компонент для редактора Wix с использованием React
Добавь настраиваемый элемент сайта через Wix CLI с уникальным UUID
Что понадобится
- WDS (Wix Design System)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «wix-cli-site-widget» из репозитория:
# https://github.com/wix/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r wix-cli-site-widget/ ~/.claude/skills/wix-cli-site-widget/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.