eslint

Configure ESLint flat configs for JavaScript and TypeScript projects.

11|2|Updated Feb 18, 2026

Search Tags:#typescript #linting #javascript #eslint #config #flat-config

Ready to run

npx skills add https://github.com/the-perfect-developer/the-perfect-opencode --skill eslint-the-perfect-developer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: eslint
Source: https://github.com/the-perfect-developer/the-perfect-opencode/tree/main/.opencode/skills/eslint
Command: npx skills add https://github.com/the-perfect-developer/the-perfect-opencode --skill eslint-the-perfect-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

ESLint setup and configuration can be time-consuming and error-prone; this skill provides a structured approach to using the modern flat config format, guiding the selection and tuning of rules, plugins, and environment settings.

Core Features & Use Cases

Flat config model: Use eslint.config.js and define multiple config blocks for different file sets.
Plugin integration: Wire in plugins like React, TypeScript, and others with proper settings.
Migration guidance: Helps migrate from legacy .eslintrc formats to flat configs.
Use Case: Teams adopt consistent linting across monorepos with shared base configs.

Quick Start

Install dependencies and generate a base ESLint flat config for a TypeScript/React project and start linting.

Frequently Asked Questions about eslint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure ESLint using the modern flat config approach?▼

To configure ESLint flat config, define multiple config blocks for different file sets within an `eslint.config.js` file to structure project-wide linting, code style enforcement, and plugin integration.

How do I migrate from legacy .eslintrc to flat config?▼

Migrating from legacy .eslintrc to flat config involves restructuring your configuration into `eslint.config.js` and translating rule definitions, plugin integrations, and overrides into the modern flat config blocks.

Can I use ESLint flat config with TypeScript and React plugins?▼

Yes, ESLint flat config supports TypeScript and React plugin integration by properly wiring plugin settings within the `eslint.config.js` file to enforce code style across JavaScript and TypeScript projects.

What is the best way to set up ESLint for a monorepo?▼

The best way to set up ESLint for a monorepo is using flat config to define shared base configurations and apply targeted overrides across different project packages and file sets.

How do I apply gradual rule adoption in an ESLint flat config?▼

Gradual rule adoption in flat config is achieved by structuring `eslint.config.js` to define multiple config blocks, allowing teams to incrementally enforce linting rules across different file sets without breaking the build.