Generate ESLint and Prettier Configs from Your Preferences

Setting up ESLint and Prettier from scratch means reading docs, cross-referencing plugin versions, and debugging config conflicts for an hour. Instead, just tell Claude what you want.

Generate an ESLint flat config (eslint.config.js) and a Prettier 
config (.prettierrc) for a TypeScript React project. Rules I care 
about: 2-space indentation, single quotes, no semicolons, no unused 
variables, and enforce React hooks rules. We use Tailwind CSS.

Claude will produce working, compatible configs — including the right plugin versions and import syntax for ESLint's flat config format — and explain each rule it adds.

// eslint.config.js — generated and ready to use
import js from '@eslint/js'
import tsPlugin from '@typescript-eslint/eslint-plugin'
import tsParser from '@typescript-eslint/parser'
import reactHooks from 'eslint-plugin-react-hooks'

export default [
  js.configs.recommended,
  {
    files: ['**/*.{ts,tsx}'],
    languageOptions: { parser: tsParser },
    plugins: { '@typescript-eslint': tsPlugin, 'react-hooks': reactHooks },
    rules: {
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': 'error',
      'react-hooks/rules-of-hooks': 'error',
    },
  },
]

You can also paste your existing config and ask Claude to migrate it from .eslintrc to the new flat config format, or to add rules for a new plugin you've just installed.

Stop wrestling with config syntax — describe what you want and Claude delivers a working setup in seconds.