skills.rest
el-feo
el-feoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

eslint

Configure ESLint for JavaScript and TypeScript projects with flat config and rules.

12|2|Updated Mar 11, 2025
Search Tags:#code quality#typescript#static analysis#linting#react#javascript#eslint
One-click install
npx skills add https://github.com/el-feo/ai-context --skill eslint
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: eslint
Source: https://github.com/el-feo/ai-context/tree/main/skills/eslint
Command: npx skills add https://github.com/el-feo/ai-context --skill eslint

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Maintaining consistent code style and identifying potential issues in JavaScript and TypeScript projects can be challenging and time-consuming. This skill automates linting, ensuring high code quality, catching bugs early, and reducing manual review effort, so you can focus on building features.

Core Features & Use Cases

  • Automated Code Linting: Sets up and configures ESLint for JavaScript, TypeScript, React, and Node.js projects, enforcing best practices and coding standards.
  • Rule Management: Helps you configure, enable, or disable specific linting rules, manage their severity, and apply project-specific conventions.
  • Auto-Fix Capabilities: Automatically fixes many common code style and formatting issues, such as semicolons, quotes, and unused variables, saving significant development time.

Quick Start

Set up ESLint for a new JavaScript project, including recommended rules and browser globals.

Frequently Asked Questions about eslint

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

FAQPage Schema
How do I set up ESLint to enforce code quality in my JavaScript project?▼

ESLint is a static analysis tool that automatically detects and fixes code quality issues in JavaScript and TypeScript. Install it via npm, configure rules in eslint.config.js or .eslintrc, specify your environment (browser, Node.js), and run linting across your codebase to catch bugs and enforce style consistency.

Can I use ESLint with TypeScript and React projects?▼

Yes. ESLint supports TypeScript and React through parser configuration and plugins. Configure the TypeScript parser, enable React-specific rules, and specify jsx parsing options to lint .ts, .tsx, and .jsx files with framework-aware rule sets.

How do I migrate from .eslintrc to ESLint's flat config format?▼

Flat config (eslint.config.js) is ESLint's newer format. Migration involves converting rules, ignores, and plugin settings from .eslintrc JSON to JavaScript format, updating parser and environment specifications, and organizing rules by file patterns using the new array-based configuration structure.

What's the best way to automate code fixes across my codebase?▼

ESLint's auto-fix feature resolves many issues automatically—semicolons, quotes, unused variables, and whitespace. Run eslint with the --fix flag in your build pipeline or pre-commit hooks to standardize formatting without manual intervention.

Do I need separate configuration for Next.js projects?▼

ESLint works with Next.js by extending Next.js-specific configurations and plugins. Configure the appropriate parser for TSX files, enable Next.js rules if using that config, and specify ignores for .next and build directories.

How do I disable specific ESLint rules or make them warnings instead of errors?▼

Configure individual rule severity in eslint.config.js or .eslintrc by setting rules to "off", "warn", or "error". Disable rules globally, by file pattern, or inline using ESLint comments to adapt the ruleset to your project's coding standards.

Related Skills

Explore More Software Engineering Skills→
zhangyu1818zhangyu1818
1

setup-eslint

Configure ESLint for JavaScript/TypeScript projects with detected presets.

Community
Intermediate
alinaqialinaqi
705

commit-hygiene

Enforce atomic commits and small pull requests with file and line count thresholds.

Community
Intermediate
safzanpiranisafzanpirani
1

setup-pre-commit

Automate Husky pre-commit hook setup with lint-staged for formatting and linting.

Community
Intermediate
ehtbantonehtbanton

stylelint-config-generator

Generate Stylelint configuration files for CSS/SCSS linting and formatting.

Community
Basic