ESLint Config Generator
VerifiedESLint Config Generator — frontend development tool. Supports React, Vue, TypeScript, Airbnb.
$ 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 ```
变现思路
- 预设配置销售 - 专业配置模板
- 企业服务 - 定制代码规范
- 培训 - 代码规范培训
安装
```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?
What platforms support ESLint Config Generator?
What are the use cases for ESLint Config Generator?
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.