Skip to content
Development
Skill

/frontend-linter-manager

Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer existing commands; dependencies, scripts, and config changes require approval.

From plugin
webdev-agent-kit
521 skills
Install
$ npx -y skills add ytvee-dev/webdev-agent-kit --skill frontend-linter-manager --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/frontend-linter-manager

Context preview

The summary Claude sees to decide when to auto-load this skill.

Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer existing commands; dependencies, scripts, and config changes require approval.

SKILL.md

frontend-linter-manager.SKILL.md
name: frontend-linter-manager
description: 'Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer existing commands; dependencies, scripts, and config changes require approval.'
id: 'agents.skills.frontend-linter-manager.skill'
title: 'Frontend Linter Manager'
doc_type: 'skill'
layer: 'skill'
status: 'active'
publishable: true
local_only: false
skill: 'frontend-linter-manager'
tags:
    - 'agents/skill-package'
    - 'agents/quality'
    - 'workflow/lint'
parent:
    - '[[AGENTS|Canonical Agent Policy]]'
related:
    - '[[common/prompt-intent-routing-rules|Prompt Intent Routing Rules]]'
    - '[[common/agent-loop-policy|Agent Loop Policy]]'
    - '[[common/bounded-retry-rules|Bounded Retry Rules]]'
    - '[[common/verification-loop-rules|Verification Loop Rules]]'
    - '[[common/lint-verification-rules|Lint Verification Rules]]'
    - '[[common/windows-shell-sandbox-rules|Windows Shell Sandbox Rules]]'
    - '[[skills/mcp-toolchain-manager/SKILL|MCP Toolchain Manager]]'
    - '[[skills/frontend-quality-reviewer/SKILL|Frontend Quality Reviewer]]'
depends_on:
    - '[[AGENTS|Canonical Agent Policy]]'

Frontend Linter Manager

Purpose

Run or plan lint verification for frontend code changes, repair related lint failures within a bounded loop, and manage user-requested lint setup safely.

When To Use

Use this skill after any code-changing fix, feature, refactor, implementation slice, or approved greenfield code creation.

Use it before code changes only when the user explicitly asks to add or repair lint setup.

When Not To Use

Do not use this skill for planning-only, design-only, documentation-only, README-only, or analysis-only tasks. Do not treat lint setup as a testing workflow.

Required Context

1. Read `AGENTS.md`. 2. Read package scripts or `project/verification-profile.md` to find existing lint commands. 3. Read `common/lint-verification-rules.md` and `common/windows-shell-sandbox-rules.md` before rerunning a command that failed because of Windows shell policy or sandbox access. 4. Read `common/verification-loop-rules.md` and `common/bounded-retry-rules.md` when lint repair is in scope. 5. Read only files needed to understand the package manager or workspace boundary.

Tool Contract

  • May run an existing lint command after code changes.
  • May inspect package scripts and workspace files.
  • May use one equivalent `.cmd` package-manager fallback on Windows after a PowerShell `.ps1` execution-policy block.
  • May update `project/verification-profile.md` when durable lint command facts are useful.
  • May fix lint failures related to the current change when safe and in scope.
  • Must not add packages, scripts, or config files without explicit user approval.
  • Must not change PowerShell execution policy.
  • Must not repeat the same shell-blocked command after an equivalent fallback exists.
  • Must not create tests or testing workflows.
  • Must not introduce UI component libraries.

Workflow

1. Detect the smallest relevant existing lint command. 2. Run that command after the code change. 3. If the command is blocked by Windows PowerShell `.ps1` policy, retry once with the equivalent `.cmd` package-manager command when available. 4. If lint passes, record command and result. 5. If lint fails, classify failures as related, likely pre-existing, unrelated environment issue, shell-blocked, sandbox-blocked, or unknown. 6. If lint fails because of the current change, fix it when safe and in scope. 7. Rerun the same lint command after related fixes. 8. Use bounded retry rules when multiple related lint repair attempts are needed. 9. Do not switch to an easier command just to claim success. 10. Do not keep rerunning lint after the same shell or sandbox blocker repeats; report the blocker and verification impact. 11. Report lint command, fallback command when used, result, attempt count, and unresolved lint issues. 12. If no lint command exists, report that lint was not run. 13. If the user asks for lint setup, propose a setup plan first and wait for approval.

User-Provided ESLint Model

When the user asks to add the provided lint rules, use the uploaded flat ESLint model as the preferred source pattern.

The model includes TypeScript type-checked rules, React rules, React Hooks rules, JSX accessibility rules, SonarJS rules, Prettier compatibility, ignore rules, optional strict presets, and a format-lint-fix helper.

Adapt the model to the host project after inspecting the existing package manager, framework, TypeScript usage, React usage, formatter or linter config, workspace layout, and scripts.

Output Contract

Final response: return only facts that affect the user's understanding, confidence, or next action. Omit empty fields and workflow narration.

Lint command run:
Lint result:
Fallback command:
Attempts:
Related failures fixed:
Unresolved lint issues:
Blocked checks:

If lint was not run, include the reason and impact.

Validation Gates

  • Lint was run for code-changing work when a command exists.
  • Lint status is reported honestly.
  • Windows shell-policy failures use at most one equivalent `.cmd` fallback.
  • Shell and sandbox blockers are not reported as project code failures.
  • Related lint repairs use bounded retry rules.
  • Unrelated or pre-existing failures are not silently claimed as fixed.
  • No dependency, script, execution-policy, or config change happened without approval.
  • No testing workflow was introduced.
  • No UI component library was introduced.

Trigger Evals

Should trigger:

  • "Run the existing lint command after this frontend change."
  • "Repair only lint failures caused by the current patch."
  • "On Windows, npm run lint failed because npm.ps1 is blocked. Verify with the correct fallback and report honestly."

Should not trigger:

  • "Add a new testing framework."
  • "Explain this lint rule without running verification."

Reference Map

  • `AGENTS.md` - canonica
Read more
Ships withwebdev-agent-kit

A cross-platform frontend kit for Codex, Claude Code, Cursor, OpenCode, etc. It helps AI coding agents work predictably and safely with existing frontend projects.

Get the whole plugin

Other skills on webdev-agent-kit.