ESLint Config Generator Skill

ESLint Config Generator

Generate production-ready ESLint configuration files with appropriate rules, plugins, and extends for various JavaScript/TypeScript projects.

Output Requirements

File Output: .eslintrc.js, .eslintrc.json, or eslint.config.js Format: Valid ESLint configuration Standards: ESLint 8.x / 9.x (flat config)

When Invoked

Immediately generate a complete ESLint configuration file with appropriate plugins, extends, and rules for the specified project type.

Configuration Templates

Modern Flat Config (ESLint 9.x)

// eslint.config.js
import js from '@eslint/js';
import typescript from '@typescript-eslint/eslint-plugin';
import typescriptParser from '@typescript-eslint/parser';

export default [
  js.configs.recommended,
  {
    files: ['**/*.{ts,tsx}'],
    languageOptions: {
      parser: typescriptParser,
      parserOptions: {
        ecmaVersion: 'latest',
        sourceType: 'module',
        project: './tsconfig.json',
      },
    },
    plugins: {
      '@typescript-eslint': typescript,
    },
    rules: {
      '@typescript-eslint/no-unused-vars': 'error',
      '@typescript-eslint/no-explicit-any': 'warn',
    },
  },
];

Legacy Config

// .eslintrc.js
module.exports = {
  root: true,
  env: { node: true, es2022: true },
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
  ],
};

Example Invocations

Prompt: "Create ESLint config for React TypeScript" Output: Complete .eslintrc.js with React, TypeScript, and hooks rules.

Agent Skills: ESLint Config Generator

Install this agent skill to your local

Skill Files