eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Updated Jan 21, 2026
One-click install
npx skills add https://github.com/vecear/Nipponverb --skill eslint-prettier-config-vecear
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: eslint-prettier-config
Source: https://github.com/vecear/Nipponverb/tree/main/.claude/skills/eslint-prettier-config
Command: npx skills add https://github.com/vecear/Nipponverb --skill eslint-prettier-config-vecear

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This configuration streamlines code quality by consolidating ESLint and Prettier setup into a cohesive, maintainable standard for JavaScript/TypeScript projects.

Core Features & Use Cases

  • Centralized linting rules and formatting options that work across TypeScript, React, and Next.js projects.
  • Pre-commit and CI integrations via Husky and commitlint to enforce quality gates.
  • Customizable rule sets and compatibility with flat and legacy ESLint configurations.
  • Use Case: A team migrates a React+TypeScript project to a single, consistent lint/format workflow.

Quick Start

Install dependencies and run lint to apply ESLint and Prettier configuration.

Frequently Asked Questions about eslint-prettier-config

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

FAQPage Schema
How do I configure ESLint and Prettier for a TypeScript React project?

To configure ESLint and Prettier for TypeScript React projects, you need to install TypeScript ESLint plugins and set up centralized linting rules alongside formatting options. This ensures consistent code style and safe patterns across your React and Next.js codebase.

What's the best way to enforce code quality gates in a TypeScript project?

The best way to enforce code quality gates in a TypeScript project is by integrating pre-commit hooks and CI checks using Husky and commitlint. This validates commit messages and runs linting scripts automatically before code is merged.

Does this ESLint and Prettier configuration work with Next.js and Node APIs?

Yes, this ESLint and Prettier configuration works with Next.js and Node APIs. It applies safe TypeScript and React patterns specifically designed for TypeScript-based projects, covering both frontend frameworks and backend API environments.

Can I customize ESLint rules and use flat configuration files?

Yes, you can customize ESLint rule sets and use flat configuration files. The setup supports both flat and legacy ESLint configurations, allowing you to tailor linting rules to your specific project requirements while maintaining formatting standards.

What npm scripts are required to validate ESLint and Prettier configurations?

The required npm scripts to validate ESLint and Prettier configurations are lint, format, and typecheck. These scripts operate alongside ESLint, Prettier, and TypeScript ESLint plugins to execute automated code quality checks.

Why do I need TypeScript ESLint plugins for Prettier and ESLint setup?

You need TypeScript ESLint plugins for Prettier and ESLint setup to enforce safe TypeScript patterns and resolve conflicts between linting and formatting rules. They provide the parser and rules required to accurately lint TypeScript code.