AIKraft/AI/Войти
AIKraft/Skills/Конфигурация ESLint и Prettier

Конфигурация ESLint и Prettier

Configures ESLint and Prettier for consistent code quality with TypeScript, React, and modern best practices. Use when users request

patricio0312rev official Разработка

Что делает навык

Настраивает ESLint и Prettier для обеспечения единообразного качества кода и форматирования в проектах с TypeScript, React и современными лучшими практиками. Интегрирует инструменты линтинга и форматирования, настраивает правила для различных типов файлов и сред выполнения.

Когда применять

  • Настройка конфигурации ESLint (Flat Config v9+ или Legacy) и Prettier для нового проекта.
  • Интеграция линтинга и форматирования с Git-хуками (Husky) и commitlint для валидации перед коммитом.
  • Настройка интеграции с VS Code для автоматического форматирования и исправления ошибок при сохранении файла.
  • Адаптация конфигурации под специфические среды, такие как Next.js или Node.js API.

Как работает

  1. Установить необходимые зависимости (ESLint, Prettier, плагины) и добавить скрипты в package.json для линтинга, форматирования и проверки типов.
  2. Создать конфигурационный файл ESLint (eslint.config.mjs или .eslintrc.json), подключив необходимые плагины (@typescript-eslint, react, import и др.) и расширив базовые настройки.
  3. Настроить Prettier (.prettierrc) и файл игнорирования (.prettierignore), убедившись, что конфигурация Prettier добавляется последней в ESLint для предотвращения конфликтов.
  4. Настроить Git-хуки с помощью Husky и lint-staged для автоматического запуска линтинга и форматирования staged-файлов перед коммитом.
  5. Настроить настройки VS Code (.vscode/settings.json) для автоматического форматирования при сохранении и рекомендации необходимых расширений.

Примеры запросов агенту

Настрой ESLint и Prettier для моего React-проекта с TypeScript, используя Flat Config.
Добавь Husky и commitlint для валидации коммитов и форматирования кода перед пушем.
Настрой VS Code для автоматического исправления ошибок ESLint и форматирования Prettier при сохранении файла.

Что понадобится

  • Node.js и npm/pnpm/yarn
  • TypeScript
  • VS Code (для интеграции с редактором)

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «eslint-prettier-config» из репозитория: # https://github.com/patricio0312rev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r eslint-prettier-config/ ~/.claude/skills/eslint-prettier-config/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.