skills.rest
the-perfect-developer
the-perfect-developerCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/the-perfect-developer/the-perfect-opencode --skill eslint-the-perfect-developer
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
ehtbantonehtbanton

eslint-config-generator

Generate ESLint configuration files for JavaScript and TypeScript projects.

Community
Intermediate
qazuorqazuor

markdown-formatter

Apply rule-based Markdown linting fixes to documentation files.

Community
Advanced
MolcajeteAIMolcajeteAI
2

eslint-flat-config

Generate ESLint 9.x flat configuration files for TypeScript projects.

Official
Intermediate
s4kr4s4kr4
1

ts-formatter

Configure Prettier and ESLint for TypeScript and JavaScript projects.

Community
Intermediate