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

sap-fiori-eslint-plugin — скилл для Claude Code: ESLint в SAP Fiori

Скилл настраивает, переносит и запускает ESLint с плагином @sap-ux/eslint-plugin-fiori-tools в проектах SAP Fiori. Пригодится, когда линтера в проекте нет или он сломан.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add SAP/open-ux-tools --skill sap-fiori-eslint-plugin -a claude-code
Открыть на GitHub

Что делает 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-code

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

~/.claude/skills/sap-fiori-eslint-plugin/SKILL.md

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

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

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

Похожие

eslint-prettier-config patricio0312rev Скилл разворачивает ESLint и Prettier в проекте на TypeScript и React: конфиги, правила, скрипты и хук на коммит. CX Codex +1 1 100установок sap-fiori-guidelines SAP Скилл подкладывает агенту официальные правила дизайн-системы SAP Fiori: кнопки, формы, таблицы, страницы, цвета, доступность и паттерны Joule. CX Codex +1 1 200установок linting-neostandard-eslint9 mcollina Скилл настраивает ESLint 9 с flat config и базой neostandard в проектах на JavaScript и TypeScript. Помогает перейти с устаревшего .eslintrc и запустить проверки в CI. CX Codex +1 1 100установок typescript-quality claude-dev-suite Скилл по качеству кода на TypeScript и JavaScript: настройка ESLint, Biome и строгого режима tsconfig. Пригодится, когда проект обрастает правилами, а типы плывут. CX Codex +1 1 100установок strengthen zernie Скилл проходит по спекам vigiles и переводит правила guidance() в enforce(), подбирая под них реальные правила линтеров. Пригодится, когда хочется, чтобы договорённости проверялись автоматически. CX Codex +1 2 100установок setup-linting davila7 Настраивает линтеры и проверки качества в проекте: ESLint, Flake8, Pylint, MyPy, Clippy. Пригодится, когда правила стиля надо закрепить автоматически. 510установок

Рядом в теме «Фронтенд и 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

Смотрите также

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

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