К основному содержанию
плагин

sap-ux-fiori-tools — плагин для GitHub Copilot: сборка SAP Fiori

Подключает MCP-сервер SAP Fiori к агенту: генерирует приложения Fiori Elements на CAP или ABAP OData, добавляет графики и тесты OPA5.

Установить в GitHub Copilot · Команда из источника Все способы и платформы ↓
copilot plugin install sap-ux-fiori-tools@awesome-copilot
Открыть на GitHub

Что делает sap-ux-fiori-tools

Плагин ставит MCP-сервер @sap-ux/fiori-mcp-server и семь скиллов, которые агент подхватывает по ходу работы. Создание приложений Fiori Elements и standalone-приложений, аналитические графики с визуальными фильтрами, таблицы-деревья, интеграционные тесты OPA5, правила ESLint и команды Fiori tools CLI — под каждый участок свой скилл.

Устроено просто: манифест плагина, конфиг запуска MCP-сервера с закреплённой версией и папка skills/. Версия плагина живёт отдельно от версии сервера, поэтому обновление сервера не тащит за собой манифест автоматически. Скиллы правились вручную — тогда версию в манифесте поднимают руками.

Плагин раньше назывался sap-fiori-mcp-server. При установке из маркетплейса старое имя переписывается на новое само при следующей синхронизации, а вот прямая ссылка на старый путь в git требует переустановки. Без запущенного MCP-сервера скиллы работать не будут, так что первым делом проверьте, что сервер поднялся.

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

  • сгенерировать каркас приложения Fiori Elements под CAP-сервис
  • настроить аналитический график и визуальные фильтры на странице списка
  • написать интеграционный тест OPA5 для сценария навигации
  • добавить таблицу-дерево в существующее приложение
  • прогнать команды Fiori tools CLI из чата агента

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

  • Создай приложение Fiori Elements на основе OData-сервиса из service.cds
  • Добавь визуальные фильтры на страницу аналитического списка
  • Напиши OPA5-тест для перехода на страницу деталей

Как установить sap-ux-fiori-tools

Команда из источника

copilot plugin install sap-ux-fiori-tools@awesome-copilot

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

Вопросы о sap-ux-fiori-tools

Как установить sap-ux-fiori-tools в GitHub Copilot?

Одной командой: copilot plugin install sap-ux-fiori-tools@awesome-copilot.

Что делает sap-ux-fiori-tools?

Поднимает MCP-сервер SAP Fiori и даёт агенту семь скиллов: генерация приложений, графики, визуальные фильтры, OPA5, ESLint, таблицы-деревья и CLI.

Что будет, если я ставил старую версию под именем sap-fiori-mcp-server?

При установке из маркетплейса имя обновится само при синхронизации. Если ставили по прямой git-ссылке на старый путь, плагин придётся переустановить.

Исходный текст

fiori · Apache-2.0
# SAP Fiori Tools Plugin for Coding Agents

Plugin distribution assets for the SAP Fiori MCP server, enabling AI coding assistants (Claude Code and GitHub Copilot) to develop SAP Fiori applications.

## What is in this directory

| Asset | Purpose |
|---|---|
| `.claude-plugin/plugin.json` | Claude Code plugin manifest |
| `.github/plugin/plugin.json` | GitHub Awesome Copilot plugin manifest |
| `.mcp.json` | MCP server launch config (pinned version) |
| `skills/` | Seven skills loaded by Claude Code and Awesome Copilot |

## Skills

| Skill | Description |
|---|---|
| `sap-fiori-app-development` | Fiori Elements and standalone app creation |
| `sap-fiori-analytical-chart` | Analytical chart and visual filter configuration |
| `sap-fiori-add-visual-filter` | Adding visual filters to Analytical List Pages |
| `sap-fiori-create-cli` | SAP Fiori tools CLI commands |
| `sap-fiori-eslint-plugin` | ESLint plugin for Fiori development |
| `sap-fiori-opa5-test-development` | OPA5 integration test development |
| `sap-fiori-tree-table` | Tree table implementation |

## MCP Server

The MCP server binary is published as [@sap-ux/fiori-mcp-server](https://www.npmjs.com/package/@sap-ux/fiori-mcp-server) on npm. Source code lives in [packages/fiori-mcp-server](../../packages/fiori-mcp-server/).

## Installing in Claude Code

Install via the Claude Code CLI:

```bash
claude plugin install https://github.com/SAP/open-ux-tools.git#plugins-coding-agents/fiori
```

Or add via the Claude Code marketplace: search for `sap-ux-fiori-tools`.

## Migrating from the old plugin name

The plugin was previously distributed as `sap-fiori-mcp-server` from `packages/fiori-mcp-server/`. It has been renamed to `sap-ux-fiori-tools` and relocated to this directory.

If you installed via the Claude Code marketplace, the rename is handled automatically — Claude Code rewrites the old slug to the new one on next sync via the `renames` map in `claude-plugins-official`.

If you installed via a direct git URL pointing at the old path, reinstall manually:

```bash
claude plugin uninstall sap-fiori-mcp-server
claude plugin install https://github.com/SAP/open-ux-tools.git#plugins-coding-agents/fiori
```

## Version Alignment

Plugin versions in `.claude-plugin/plugin.json` and `.github/plugin/plugin.json` are independent of the MCP server version.

**Automated** — on each `@sap-ux/fiori-mcp-server` npm release, two scripts run in CI:
- `packages/fiori-mcp-server/scripts/sync-mcp-manifests.cjs` — updates `server.json` and the pinned server version in `.mcp.json`
- `plugins-coding-agents/fiori/scripts/sync-plugin-manifests.cjs` — patch-bumps the plugin `version` in both `.claude-plugin/plugin.json` and `.github/plugin/plugin.json`

**Manual** — when skills change (editing a `SKILL.md`, adding or removing a skill), bump the `version` field in **both** `.claude-plugin/plugin.json` and `.github/plugin/plugin.json` by hand as part of the same commit.

© SAP SE · Apache-2.0 · SAP/open-ux-tools

Похожие плагины

Все плагины по теме «Фронтенд и UI» →
impeccable pbakaus Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». ★ 88 212звёзд репо hyperframes HeyGen Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов. ★ 72 481звёзд репо typescript-lsp официальный Anthropic Подключает языковой сервер для TypeScript и JavaScript к Claude Code. Помогает переходить к определениям, искать ссылки и проверять ошибки прямо при редактировании кода. ★ 44 635звёзд репо playground официальный Anthropic Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. ★ 44 635звёзд репо frontend-design официальный Anthropic Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. ★ 44 635звёзд репо fakechat официальный anthropics Локальный веб-чат для проверки уведомлений канала Claude Code. Сообщения идут в сессию, ответы возвращаются в браузер. ★ 44 635звёзд репо

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

sap-fiori-add-visual-filter Добавляет визуальные фильтры с графиками в панели фильтрации Fiori Elements на базе CAP или ABAP RAP. Помогает прописать агрегацию и аннотации CDS без ручных ошибок в синтаксисе. CX Codex +1 601установок sap-fiori-app-development Скилл задаёт агенту правила сборки SAP Fiori Elements: List Report, Object Page, Worklist, подключение к CAP или внешнему OData. CX Codex +1 595установок sap-fiori-analytical-chart Скилл добавляет на страницу List Report в SAP Fiori Elements график по агрегированным данным и таблицу под ним. Нужен, когда отчёт просят показать диаграммой, а не строкой за строкой. CX Codex +1 589установок sap-fiori-eslint-plugin Скилл настраивает, переносит и запускает ESLint с плагином @sap-ux/eslint-plugin-fiori-tools в проектах SAP Fiori. Пригодится, когда линтера в проекте нет или он сломан. CX Codex +1 584установок sap-fiori-create-cli Даёт агенту доступ к CLI @sap-ux/create: генерация приложений SAP Fiori, добавление конфигов, конвертация проектов. Пригодится, если вы ведёте Fiori-проект и не хотите держать в голове флаги. CX Codex +1 584установок sap-fiori-opa5-test-development Помогает создавать и отлаживать OPA5-тесты для приложений SAP Fiori Elements. Работает со сценариями OData V4 и V2, предотвращая ошибки в JourneyRunner. CX Codex +1 549установок sap-fiori-mcp-server MCP-сервер SAP для Claude: по промпту собирает и правит приложения SAP Fiori elements, ищет по документации UI5 и Fiori tools. ★ 160звёзд репо

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

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