eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

5|Updated Dec 31, 2025
One-click install
npx skills add https://github.com/patricio0312rev/skillset --skill eslint-prettier-config-patricio0312rev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: eslint-prettier-config
Source: https://github.com/patricio0312rev/skillset/tree/main/templates/foundation/eslint-prettier-config
Command: npx skills add https://github.com/patricio0312rev/skillset --skill eslint-prettier-config-patricio0312rev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ESLint and Prettier configurations are often inconsistent across teams and projects. This Skill provides a cohesive, ready-to-use setup that enforces coding standards, reduces formatting disputes, and streamlines project onboarding.

Core Features & Use Cases

  • Integrates ESLint (flat or legacy) with TypeScript support and React plugins.
  • Enforces coding style with Prettier and ensures they work together without conflicts.
  • Includes VS Code integration, Husky pre-commit hooks, and CI lint checks for automated quality gates.

Quick Start

Install the configuration in your project and run the lint and format scripts to apply consistent code quality.

Frequently Asked Questions about eslint-prettier-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up ESLint and Prettier together in a TypeScript and React project?

To set up ESLint and Prettier in a TypeScript and React project, you need a unified configuration that integrates React plugins and ensures Prettier compatibility. This Skill applies that cohesive setup, enforcing coding standards without formatting conflicts.

What is the best way to configure ESLint flat config with Prettier for Next.js?

The best way to configure ESLint flat config with Prettier for Next.js is using a unified setup that supports both flat and legacy ESLint formats. This Skill applies the configuration directly to your project, enabling TypeScript support and Prettier integration.

Can I use Husky pre-commit hooks to run lint and format scripts automatically?

Yes, you can use Husky pre-commit hooks to run lint and format scripts automatically. This Skill includes Husky integration to create automated quality gates, running linting, formatting, and type-checking before code is committed.

Does this ESLint configuration support import ordering and VS Code integration?

Yes, this ESLint configuration fully supports import ordering rules and VS Code integration. It applies these settings alongside TypeScript and React plugin rules, ensuring your editor automatically formats and lints code on save.

Why do my ESLint and Prettier rules conflict in my TypeScript project?

ESLint and Prettier rules conflict in TypeScript projects when their configurations are not properly integrated. This Skill resolves these conflicts by applying a cohesive setup that ensures Prettier compatibility while enforcing TypeScript and React coding standards.

Are there limitations to using a unified ESLint Prettier config for existing projects?

There are no strict limitations for existing projects, as this unified ESLint and Prettier config is applicable to both new and existing TypeScript, React, and Next.js projects, supporting both flat and legacy ESLint configurations seamlessly.