界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

eslint

eslint

【设计与创意】Use ESLint in .NET repositories that ship JavaScript, TypeScript, React, or other Node-based frontend assets. USE FOR: the repo has package.json, eslint.config.*, .eslintrc*, tsconfig.json, or JS/TS/React frontend files; the user asks for JavaScript or TypeScript linting, React rule. DO NOT USE FOR: CSS ownership by itself; route that to stylelint; H…

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: eslint description: "Use ESLint in .NET repositories that ship JavaScript, TypeScript, React, or other Node-based frontend assets. USE FOR: the repo has package.json, eslint.config., .eslintrc, tsconfig.json, or JS/TS/React frontend files; the user asks for JavaScript or TypeScript linting, React rule. DO NOT USE FOR: CSS ownership by itself; route that to stylelint; HTML-only checks on static output; route that to htmlhint. INVOKES: inspect the repository context, edit targeted files, and run relevant build, test, lint, or validation commands when changes are made." compatibility: "Requires a .NET repository with Node-based frontend assets such as package.json, ClientApp/, src/, or separate web frontend folders."

ESLint for Frontend Assets in .NET Repositories

Trigger On

  • the repo has package.json, eslint.config.*, .eslintrc*, tsconfig.json, or JS/TS/React frontend files
  • the user asks for JavaScript or TypeScript linting, React rule enforcement, import hygiene, or unsafe frontend patterns
  • CI should fail on frontend lint findings instead of relying on editor-only feedback

Do Not Use For

  • CSS ownership by itself; route that to stylelint
  • HTML-only checks on static output; route that to htmlhint
  • repos that intentionally standardized on Biome as the only JS or TS formatter-linter, unless migration or comparison is explicitly requested

Inputs

  • the nearest AGENTS.md
  • package.json
  • eslint.config.* or .eslintrc*
  • tsconfig.json when TypeScript or type-aware rules are involved

Workflow

  1. Detect ownership first:
    • existing ESLint config
    • package manager and workspace layout
    • framework packages such as React, Next.js, Vue, or plain TypeScript
  2. Keep ESLint as the semantic lint owner for JS and TS files when the repo needs rich plugin ecosystems or framework-specific rules.
  3. Prefer checked-in local devDependencies over global installs so CI and local runs match.
  4. Add narrow scripts to package.json, for example:
    • lint: eslint .
    • lint:fix: eslint . --fix
  5. Scope auto-fix runs before broad rewrites:
    • fix a bounded folder or glob first
    • rerun the linter
    • rerun the frontend build or tests if the repo has them
  6. If the repo wants type-aware rules, verify the target files are covered by the intended tsconfig.json before enabling heavier rules.
  7. Do not hide noise by mass-disabling rules. Fix code, narrow scope, or phase severity deliberately.

Current Upstream Notes

  • ESLint v10.9.1 includes the v10.8.1 autofix and false-positive corrections and fixes no-loss-of-precision so numeric literals with a trailing decimal point are not reported incorrectly. Re-run focused rule fixtures before retaining a suppression for that syntax.
  • Re-run the real lint suite and autofix snapshots before accepting churn, especially in semicolon-free code or generated output. Keep the v10.8.0 flat-config type exports and formatter changes in mind when updating tooling integrations.
  • Current docs clarify parser option precedence over languageOptions and document the v9/v10 migration codemods; review flat-config migrations that mix legacy parser settings with new config shapes.

Bootstrap When Missing

  1. Detect current state:
    • rg --files -g 'package.json' -g 'eslint.config.*' -g '.eslintrc*' -g 'tsconfig.json'
    • rg -n '"eslint"|"@typescript-eslint"|"eslint-plugin-" --glob 'package.json' .
  2. Prefer a repo-local install:
    • npm install --save-dev eslint
  3. Add framework-specific plugins only when the repo actually uses the framework.
  4. Create or refine eslint.config.js or eslint.config.mjs instead of leaving setup implicit.
  5. Add repeatable commands to AGENTS.md and package.json, then verify with:
    • npx eslint .
    • npx eslint . --fix
  6. Return status: configured if the repo now has a working lint gate, or status: improved if existing setup was tightened.
  7. Return status: not_applicable only when another documented tool already owns JS or TS linting and migration is not requested.

Handle Failures

  • Parsing errors on TS or JSX usually mean the config or parser stack does not match the file set; verify framework plugins and tsconfig.json coverage first.
  • Definition for rule ... was not found usually means a missing plugin package or a config targeting a different ESLint major version.
  • File ignored because of a matching ignore pattern usually means the glob is too broad or ignores were left stale after a folder move.
  • Huge warning floods should be handled in phases with bounded globs, not by downgrading everything to off.

Deliver

  • explicit ESLint ownership for JS or TS frontend assets
  • checked-in commands for lint and lint:fix
  • config decisions that match the repo's real frontend stack

Validate

  • ESLint is running from repo-local dependencies
  • rule ownership is not ambiguous versus Biome or other linters
  • the chosen globs match the real frontend folders
  • fixes were verified with the repo's normal frontend build or test pass when available

Ralph Loop

  1. Plan: analyze current state, target outcome, constraints, and risks.
  2. Execute one step and produce a concrete delta.
  3. Review the result and capture findings.
  4. Apply fixes in small batches and rerun checks.
  5. Update the plan after each iteration.
  6. Repeat until outcomes are acceptable.
  7. If a dependency is missing, bootstrap it or return status: not_applicable with a reason.

Required Result Format

  • status: complete | clean | improved | configured | not_applicable | blocked
  • plan: concise plan and current step
  • actions_taken: concrete changes made
  • verification: commands, checks, or review evidence
  • remaining: unresolved items or none

Example Requests

  • "Add ESLint to the React frontend in this ASP.NET Core repo."
  • "Make JS and TS lint failures block CI."
  • "Fix the current ESLint warnings without hiding them."
我的收藏