sap-fiori-eslint-plugin — скилл для Claude Code: ESLint в SAP Fiori
Скилл настраивает, переносит и запускает ESLint с плагином @sap-ux/eslint-plugin-fiori-tools в проектах SAP Fiori. Пригодится, когда линтера в проекте нет или он сломан.
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a claude-codeЧто делает sap-fiori-eslint-plugin
Скилл работает с @sap-ux/eslint-plugin-fiori-tools в проектах SAP Fiori — freestyle и Fiori elements, отдельно или внутри CAP. Сначала он определяет, что вам нужно: поставить ESLint с нуля, перенести старую конфигурацию или просто прогнать проверку. Дальше идёт по нужному сценарию.
Если непонятно, с чего начать, скилл сам смотрит на состояние проекта: ищет eslint.config.mjs, eslint.config.js и файлы .eslintrc*. Пустой результат — настройка с нуля. Найден .eslintrc* — миграция на flat config ESLint 9. Найден eslint.config.mjs — запуск линтинга. Совсем неясно — спросит вас.
Есть отдельный режим для разбора проблем приложения: он показывает замечания по UX-консистентности для конкретного приложения, в том числе сверяясь с Page Map. Для работы нужен Node.js с npm, pnpm или yarn.
Какие задачи решает
- поставить ESLint в проект SAP Fiori, где линтера ещё нет
- перенести старый
.eslintrcна flat config ESLint 9 - прогнать линтинг и починить найденные ошибки
- посмотреть UX-замечания по конкретному приложению
- сверить список проблем приложения с Page Map
Примеры запросов агенту
- настрой ESLint в моём проекте SAP Fiori
- перенеси конфигурацию ESLint на flat config
- покажи UX consistency issues для моего приложения
Как установить sap-fiori-eslint-plugin
1Через Skills CLI (Vercel)
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a claude-code2Вручную: положить файлы
~/.claude/skills/sap-fiori-eslint-plugin/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/sap-fiori-eslint-plugin/
1Через Skills CLI (Vercel)
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a codex2Вручную: положить файлы
.agents/skills/sap-fiori-eslint-plugin/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a cursor2Вручную: положить файлы
.cursor/skills/sap-fiori-eslint-plugin/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install SAP/open-ux-tools sap-fiori-eslint-plugin2Вручную: положить файлы
.github/skills/sap-fiori-eslint-plugin/SKILL.md1Через Skills CLI (Vercel)
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a gemini-cli2Командой платформы
gemini skills install https://github.com/SAP/open-ux-tools --path plugins-coding-agents/fiori/skills/sap-fiori-eslint-pluginВручную: положить файлы
.devin/skills/sap-fiori-eslint-plugin/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора5
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о sap-fiori-eslint-plugin
Как установить sap-fiori-eslint-plugin в Claude?
Выполните npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a claude-code. После этого скилл лежит в ~/.claude/skills/sap-fiori-eslint-plugin/SKILL.md.
Что делает sap-fiori-eslint-plugin?
Настраивает ESLint с плагином @sap-ux/eslint-plugin-fiori-tools, переносит старые конфигурации на flat config и запускает проверку кода в проектах SAP Fiori.
Что нужно для работы скилла?
Node.js с npm, pnpm или yarn. Скилл рассчитан на проекты SAP Fiori freestyle и Fiori elements — отдельные или внутри CAP.
Исходный текст
SKILL.md · Apache-2.0
--- name: sap-fiori-eslint-plugin description: > Configure, migrate, or run ESLint with @sap-ux/eslint-plugin-fiori-tools in SAP Fiori projects (standalone or CAP). Use when ESLint is missing and the user wants to add it or add code quality checks; when an existing .eslintrc or eslint@8 config needs upgrading to ESLint 9 flat config; when the user wants to run linting, fix lint errors, or ESLint is broken or not working; or when the user wants to see the application issues or UX consistency issues for a specific app — e.g. "show application issue(s) for my project <project_name>", "show application issues for app X", "UX consistency issues", "issues consistent with Page Map", "same issues as Application Information". compatibility: Requires Node.js with npm, pnpm, or yarn. Designed for SAP Fiori freestyle and Fiori elements projects (standalone or inside a CAP project). metadata: author: sap-fiori-tools version: "0.0.2" --- # SAP Fiori ESLint Plugin Work with `@sap-ux/eslint-plugin-fiori-tools` on SAP Fiori projects: set up ESLint from scratch, migrate from a legacy configuration, or run and fix lint issues. ## Determine which task to perform Identify the user's intent from their request: | User says / situation | Task | Reference | |---|---|---| | "Set up ESLint", "Add ESLint", no `eslint.config.mjs` exists | **Set up** | [references/setup.md](references/setup.md) | | "Migrate ESLint", `.eslintrc` / eslint@8 present, upgrade ESLint | **Migrate** | [references/migrate.md](references/migrate.md) | | "Run ESLint", "Check my code", "Fix lint errors", `eslint.config.mjs` exists | **Lint** | [references/lint.md](references/lint.md) | | "Show all application issues", "show UX consistency issues", "issues for app X", "same issues as Page Map/App Info" | **App issues only** | [references/lint.md](references/lint.md) — follow the **App-scope mode** section | If the intent is unclear, check the project state: ```bash # Check for existing ESLint config (any format) ls eslint.config.mjs eslint.config.js .eslintrc .eslintrc.js .eslintrc.cjs .eslintrc.json .eslintrc.yml .eslintrc.yaml 2>/dev/null ``` - **No config found** → follow [references/setup.md](references/setup.md) - **Legacy config found** (`.eslintrc*`) → follow [references/migrate.md](references/migrate.md) - **Flat config found** (`eslint.config.mjs`) → follow [references/lint.md](references/lint.md) If the intent is still unclear, ask the user to clarify whether they want to set up ESLint, migrate an existing config, or run linting.
© sap-fiori-tools · Apache-2.0 · SAP/open-ux-tools