AIKraft/AI/Войти
AIKraft/Skills/VTEX IO: приложение темы витрины

VTEX IO: приложение темы витрины

Apply when designing or modifying a VTEX IO storefront theme app — the app that owns `store/blocks.json`, `store/routes.json`, `store/templates/`, `store/contentSchemas.json`, and the storefront page tree assembled from `store.home`, `store.product`, `store.search`, `store.custom`, and other native page templates. Covers how a theme app extends a base theme, declares routes, composes blocks acro

vtex official Дизайн

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

Навык применяется при проектировании или изменении приложения-темы storefront VTEX IO, которое владеет деревом страниц, кастомными маршрутами и зоной редактора сайта. Он охватывает сборку страницы из нативных шаблонов, объявление маршрутов и компоновку блоков.

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

  • Создание нового приложения темы (vendor.store-theme) или любого приложения с store builder, поставляющего страницы.
  • Добавление или изменение файлов store/blocks.json или файлов в папке store/blocks/.
  • Добавление или модификация кастомного маршрута в store/routes.json.
  • Компоновка дерева блоков для нативных шаблонов страниц, таких как store.home, store.product, store.search или store.custom.
  • Расширение или переопределение базовой темы, например vtex.store-theme.

Как работает

  1. Определить, относится ли изменение к приложению-теме, компонентному приложению или настройкам приложения.
  2. Создать или отредактировать файл store/blocks.json для объявления блоков.
  3. При необходимости добавить кастомный маршрут в store/routes.json.
  4. Скомпоновать дерево блоков для конкретного шаблона страницы (например, store.home).
  5. Расширить или переопределить базовую тему, если требуется кастомизация поверх vtex.store-theme.

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

Как добавить новый кастомный маршрут в store/routes.json для приложения-темы?
Скомпонуй дерево блоков для страницы store.product, используя нативные компоненты.
Как расширить базовую тему vtex.store-theme, добавив свои блоки в store/blocks.json?

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

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

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

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