About sap-fiori-eslint-plugin
A task-oriented skill for developers working with `@sap-ux/eslint-plugin-fiori-tools` in SAP Fiori projects. It guides ESLint setup, migration from legacy configurations, linting, and app-level issue checks.
Key features
- 01Set up ESLint configuration
- 02Migrate legacy ESLint settings
- 03Run lint checks and fix issues
- 04Inspect app-scope UX issues
- 05Choose tasks from project state
Use cases
- 01Add ESLint to a Fiori project
- 02Migrate from `.eslintrc` configuration
- 03Check code and address lint errors
- 04Review UX consistency issues for an app
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ sap/ open-ux-tools --skill sap-fiori-eslint-pluginAfter installing, type/sap-fiori-eslint-pluginin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
references/lint.mdmigrate.mdsetup.mdDetails
From the project READMESAP 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 |
"Migrate ESLint", .eslintrc / eslint@8 present, upgrade ESLint | Migrate | references/migrate.md |
"Run ESLint", "Check my code", "Fix lint errors", eslint.config.mjs exists | Lint | 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 — follow the App-scope mode section |
If the intent is unclear, check the project state:
# 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
- Legacy config found (
.eslintrc*) → follow references/migrate.md - Flat config found (
eslint.config.mjs) → follow 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.