AIKraft/Skills/VTEX IO: витрина на React

VTEX IO: витрина на React

Apply when building VTEX IO storefront components under react/ for Store Framework experiences. Covers storefront component structure, css-handles, storefront context hooks, browser-safe data fetching, and how components should behave when used as theme blocks. Use for custom storefront UI, product widgets, banners, forms, or reviewing shopper-facing React code in VTEX IO apps.

AIvtex official Дизайн

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

Применяется при создании компонентов storefront VTEX IO в react/ для сценариев Store Framework. Охватывает структуру компонентов storefront, css-handles, хуки storefront-контекста, безопасную для браузера загрузку данных и то, как компоненты должны вести себя, будучи блоками темы. Используйте для кастомного UI storefront, виджетов товаров, баннеров, форм или проверки shopper-facing React-кода в приложениях VTEX IO.

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

1Скачать навык

# возьмите папку навыка «vtex-io-storefront-react» из репозитория: # https://github.com/vtex/skills

2Положить папку с SKILL.md к навыкам ассистента

# положите папку навыка туда, где ассистент ищет skills: cp -r vtex-io-storefront-react/ ~/.claude/skills/vtex-io-storefront-react/

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