sap-fiori-eslint-plugin について
SAP Fiori プロジェクトで `@sap-ux/eslint-plugin-fiori-tools` を使う開発者向けのスキルです。ESLint の導入、旧設定からの移行、チェック実行、アプリ単位の問題確認を案内します。
主な機能
- 01ESLint 設定の導入
- 02旧 ESLint 設定からの移行
- 03Lint の実行と問題修正
- 04アプリ範囲の UX 問題確認
- 05プロジェクト状態に応じたタスク選択
活用シーン
- 01Fiori プロジェクトへの ESLint 追加
- 02`.eslintrc` 設定からの移行
- 03コードを検査して lint エラーに対処
- 04アプリの UX 一貫性の問題確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sap/ open-ux-tools --skill sap-fiori-eslint-pluginインストール後、Claude Code で/sap-fiori-eslint-pluginを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/lint.mdmigrate.mdsetup.md詳細
SAP Fiori ESLint プラグイン
SAP Fiori プロジェクトで @sap-ux/eslint-plugin-fiori-tools を使用します。ESLint を新規にセットアップしたり、レガシー設定から移行したり、Lint の問題を実行して修正したりできます。
実行するタスクを判断する
リクエストからユーザーの意図を特定してください。
| ユーザーの発言/状況 | タスク | 参照先 |
|---|---|---|
「ESLint をセットアップ」「ESLint を追加」、eslint.config.mjs が存在しない | セットアップ | references/setup.md |
「ESLint を移行」、.eslintrc/eslint@8 が存在する、ESLint をアップグレードする | 移行 | references/migrate.md |
「ESLint を実行」「コードをチェック」「Lint エラーを修正」、eslint.config.mjs が存在する | Lint | references/lint.md |
| 「すべてのアプリケーションの問題を表示」「UX の一貫性の問題を表示」「アプリ X の問題」「Page Map/App Info と同じ問題」 | アプリの問題のみ | references/lint.md — App-scope mode セクションに従ってください |
意図が明確でない場合は、プロジェクトの状態を確認してください。
# 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
- 設定が見つからない → references/setup.md に従ってください
- レガシー設定が見つかった(
.eslintrc*) → references/migrate.md に従ってください - フラット設定が見つかった(
eslint.config.mjs) → references/lint.md に従ってください
それでも意図が明確でない場合は、ESLint のセットアップ、既存の設定からの移行、Lint の実行のどれを希望しているか、ユーザーに確認してください。
コメント
Markdown 対応