К основному содержанию
скилл CX Codex

headless-intelligent-search — скилл для Claude Code: поиск VTEX

Скилл помогает подключить поиск VTEX Intelligent Search к headless-магазину: от подсказок и фильтров до событий аналитики. Пригодится при разработке собственной витрины.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add vtex/skills --skill headless-intelligent-search -a claude-code
Открыть на GitHub

Что делает headless-intelligent-search

Скилл описывает работу с поиском товаров, фасетами, автодополнением, исправлением опечаток, популярными запросами и баннерами VTEX Intelligent Search. Он также охватывает события поиска и клики по товарам, которые нужны для аналитики и ранжирования.

Запросы можно отправлять напрямую из фронтенда: API публичный и не требует аутентификации. Для сортировки и фильтрации используются параметры API, а не клиентская обработка результатов. В каждом запросе нужны page и locale; при переходе на следующую страницу следует сохранять значения operator и fuzzy, полученные в первом ответе. Без событий аналитики поисковое ранжирование со временем ухудшается — их нужно подключать вместе с поиском.

Скилл относится к headless-витрине VTEX. Для серверного рендеринга допускается проксирование через BFF, но оно добавляет задержку при частых запросах.

Какие задачи решает

  • подключить поиск товаров к headless-витрине VTEX
  • добавить автодополнение к полю поиска
  • собрать фасетные фильтры по категориям и брендам
  • сохранить параметры поиска при пагинации
  • отправлять события показа результатов и кликов

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

  • Подключи поиск товаров VTEX Intelligent Search к моей headless-витрине и добавь фильтры.
  • Добавь подсказки при вводе запроса и отправку событий аналитики.
  • Проверь пагинацию поиска: сохраняются ли operator и fuzzy из первого ответа?

Как установить headless-intelligent-search

1Через Skills CLI (Vercel)

npx skills add vtex/skills --skill headless-intelligent-search -a claude-code

2Вручную: положить файлы

~/.claude/skills/headless-intelligent-search/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/headless-intelligent-search/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о headless-intelligent-search

Как установить headless-intelligent-search в Claude Code?

Выполни npx skills add vtex/skills --skill headless-intelligent-search -a claude-code. Файл скилла находится по пути ~/.claude/skills/headless-intelligent-search/SKILL.md.

Что делает headless-intelligent-search?

Помогает интегрировать VTEX Intelligent Search в headless-витрину: настроить поиск и фасеты, автодополнение, а также события аналитики.

Как сохранять параметры при пагинации поиска?

Для следующих страниц используй значения operator и fuzzy, полученные в ответе на первый запрос. API определяет их с учётом поискового запроса.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора38

vtex-io-graphql-api Помогает описать GraphQL-схему и подключить резолверы в приложении VTEX IO. Пригодится, когда нужно открыть данные через запросы или мутации. CX Codex +1 1 200установок vtex-io-masterdata Помогает решить, стоит ли вообще хранить данные в Master Data, и если да — как вести сущности, схемы и CRUD в VTEX IO. CX Codex +1 1 200установок vtex-io-service-apps Помогает проектировать бэкенд-сервисы в VTEX IO на Node.js. Задаёт правила для роутов в service.json, middleware и типизированных клиентов @vtex/api. CX Codex +1 1 200установок headless-caching-strategy Задаёт правила кэширования для headless-витрин на VTEX. Помогает настроить CDN, BFF и стратегию stale-while-revalidate без утечки личных данных. CX Codex +1 1 100установок payment-idempotency Скилл для кода платёжного коннектора: не даёт повторным запросам Gateway создать второе списание у эквайера. CX Codex +1 1 100установок headless-checkout-proxy Направляет агента при сборке чекаута и корзины VTEX через BFF-сервер. Помогает безопасно проксировать OrderForm и соблюдать правила PCI DSS. CX Codex +1 1 100установок headless-bff-architecture Помогает спроектировать BFF для headless-витрины VTEX и закрыть доступ браузера к приватным API и секретам. CX Codex +1 1 100установок vtex-io-observability-and-ops Скилл учит агента добавлять в сервисы VTEX IO структурные логи, метрики и видимые ошибки, чтобы проблемы в продакшене было проще найти. CX Codex +1 1 100установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой