Skip to content

ESLint Config Generator

Verified

ESLint Config Generator — frontend development tool. Supports React, Vue, TypeScript, Airbnb.

98 downloads
$ Add to .claude/skills/

About This Skill

Content available in Chinese

# ESLint Config Generator

生成专业的 ESLint 配置文件,统一团队代码风格。

功能

  • ⚡ 一键生成配置
  • 🎯 多种规范预设
  • 🔄 自动安装依赖
  • 📝 支持多种框架

支持的规范

| 规范 | 说明 | 适用 | |------|------|------| | airbnb | Airbnb JavaScript 风格 | 主流项目 | | standard | Standard JS 风格 | 简单项目 | | prettier | Prettier 兼容配置 | 格式化优先 | | react | React + Airbnb | React 项目 | | vue | Vue 3 + ESLint | Vue 项目 | | typescript | TypeScript 最佳实践 | TS 项目 |

使用方法

基本用法

```bash # 使用 Airbnb 规范 eslint-config-generator --preset airbnb

# React + TypeScript eslint-config-generator --preset react-typescript

# Vue 3 eslint-config-generator --preset vue ```

选项

| 选项 | 说明 | |------|------| | `--preset, -p` | 规范预设 | | `--output, -o` | 输出文件 | | `--install` | 自动安装依赖 |

输出文件

```json { "extends": ["airbnb"], "rules": { "no-unused-vars": "warn", "react/react-in-jsx-scope": "off" }, "env": { "browser": true, "es2021": true, "node": true } } ```

安装依赖

```bash npm install -D eslint eslint-config-airbnb eslint-plugin-react ```

变现思路

  1. 预设配置销售 - 专业配置模板
  2. 企业服务 - 定制代码规范
  3. 培训 - 代码规范培训

安装

```bash # 无需额外依赖 ```

Use Cases

  • Generate ESLint configurations tailored to project type and team preferences
  • Create ESLint flat config files for modern JavaScript and TypeScript projects
  • Merge ESLint configs from multiple presets while resolving rule conflicts
  • Generate .eslintrc files with explanatory comments for each enabled rule
  • Migrate legacy ESLint configurations to the new flat config format

Pros & Cons

Pros

  • +Tailored configurations reduce time spent on ESLint setup and rule research
  • +Rule conflict resolution handles the common pain point of merging presets
  • +Commented output helps teams understand why each rule is enabled

Cons

  • -Documentation partially in Chinese
  • -Only available on claude-code and openclaw platforms
  • -ESLint ecosystem changes frequently — generated configs may need version-specific tuning

FAQ

What does ESLint Config Generator do?
ESLint Config Generator — frontend development tool. Supports React, Vue, TypeScript, Airbnb.
What platforms support ESLint Config Generator?
ESLint Config Generator is available on Claude Code, OpenClaw.
What are the use cases for ESLint Config Generator?
Generate ESLint configurations tailored to project type and team preferences. Create ESLint flat config files for modern JavaScript and TypeScript projects. Merge ESLint configs from multiple presets while resolving rule conflicts.

100+ free AI tools

Writing, PDF, image, and developer tools — all in your browser.

Next Step

Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.