скилл CX Codex

sap-sac-custom-widget — скилл для Claude Code: кастомные виджеты SAC

Q: Как установить sap-sac-custom-widget в Claude Code?

Выполните `npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a claude-code`. Файл скилла окажется в `~/.claude/skills/sap-sac-custom-widget/SKILL.md`.

Помогает собирать кастомные виджеты для SAP Analytics Cloud: Web Components, привязка данных, панели стилей. Пригодится, когда стандартных визуализаций не хватает.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a claude-code

Открыть на GitHub

Что делает sap-sac-custom-widget

Скилл ведёт разработку кастомного виджета SAC от брифа до артефактов загрузки. Сначала классифицирует роль виджета и режим источника данных, предлагает 2–3 варианта под задачу, потом генерирует выбранный пакет. Для виджетов с привязкой данных запрашивает измерения, показатели, даты, версии и порядок фидов; для чистых UI-контролов — взаимодействие, навигацию, состояние, методы и события.

Внутри есть шаблоны виджетов, графиков и KPI-карточек, а также templates/local-builder/ — статический HTML/CSS/vanilla JS без публичных CDN. Он выгружает два артефакта отдельно: widget.json и Resource-ZIP только с JS-файлами компонентов на корневом уровне. Если прямой file:// заблокирован, поднимается фолбэк server.mjs на Node.

Нужен тенант SAC с Optimized Story Experience или Analytics Designer и знание JavaScript и Web Components. Хостинг — внешний (GitHub Pages, AWS S3, Azure) либо ресурсы внутри SAC. Скилл ссылается на официальную документацию SAP и репозиторий примеров, а перед генерацией кода просит подтвердить технические ID, маппинг фидов и права на ассеты.

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

собрать кастомную визуализацию, которой нет в стандартном наборе SAC
подключить ECharts, D3.js или Chart.js к виджету
настроить привязку данных через фиды и порядок полей
развести панель стилей и builder-панель по разным файлам
выгрузить widget.json и Resource-ZIP для загрузки в SAC

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

Собери кастомный виджет SAC для графика продаж по регионам, данные приходят через фиды
Сделай KPI-карточку как Web Component с панелью стилей и builder-панелью
Подготовь widget.json и Resource-ZIP для загрузки виджета в SAC

Как установить sap-sac-custom-widget

1Через Skills CLI (Vercel)

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a claude-code

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

~/.claude/skills/sap-sac-custom-widget/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/sap-sac-custom-widget/

1Через Skills CLI (Vercel)

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a codex

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

.agents/skills/sap-sac-custom-widget/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a cursor

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

.cursor/skills/sap-sac-custom-widget/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install secondsky/sap-skills sap-sac-custom-widget

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

.github/skills/sap-sac-custom-widget/SKILL.md

1Через Skills CLI (Vercel)

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a gemini-cli

2Командой платформы

gemini skills install https://github.com/secondsky/sap-skills --path plugins/sap-sac-custom-widget/skills/sap-sac-custom-widget

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

.devin/skills/sap-sac-custom-widget/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a opencode

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

Вопросы о sap-sac-custom-widget

Как установить sap-sac-custom-widget в Claude Code?

Выполните npx skills add secondsky/sap-skills --skill sap-sac-custom-widget -a claude-code. Файл скилла окажется в ~/.claude/skills/sap-sac-custom-widget/SKILL.md.

Что делает sap-sac-custom-widget?

Помогает разрабатывать кастомные виджеты для SAP Analytics Cloud: генерация пакета виджета, привязка данных, панели стилей и builder-панели, упаковка артефактов для импорта.

Что нужно, чтобы скилл заработал?

Тенант SAC с Optimized Story Experience или Analytics Designer, знание JavaScript и Web Components, а также внешний хостинг или ресурсы внутри SAC.

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

sap-btp-intelligent-situation-automation Помогает разбирать старые настройки SAP BTP Intelligent Situation Automation, выгружать данные и отписываться от сервиса. Сервис архивирован и устарел. CX Codex +1 637установок sap-btp-cloud-platform Справочник по SAP Business Technology Platform: аккаунты, Cloud Foundry, Kyma, ABAP Environment, MTA и подключения к локальным системам. CX Codex +1 636установок sap-sac-scripting Скилл для написания и отладки скриптов в SAP Analytics Cloud. Покрывает Analytics Designer и Optimized Story Experience. CX Codex +1 634установок sap-sac-planning Направляет агента при разработке сценариев планирования в SAP Analytics Cloud, настройке моделей и отладке data actions. Помогает проверить формулы и блокировки данных. CX Codex +1 612установок sap-btp-integration-suite Скилл для работы с SAP Integration Suite на BTP: сборка iFlow, прокси API Management, Event Mesh и B2B-интеграции. CX Codex +1 590установок sap-btp-cloud-identity-services Скилл помогает настраивать вход и управление доступом для приложений SAP BTP. Пригодится для конфигурации IAS, IPS и AMS, а также разбора ошибок токенов и доверия. CX Codex +1 585установок sap-dependency-security Настраивает защиту цепочки поставок и правила запуска MCP-серверов в проектах SAP. Пригодится при обновлении библиотек в CAP или SAP BTP. CX Codex +1 558установок sap-cloud-sdk-ai-python Подключает пакет sap-ai-sdk-gen к проектам на Python. Помогает обращаться к языковым моделям через SAP AI Core и настраивать оркестрацию запросов. CX Codex +1 545установок