react-linter-setup

Configure a React/TypeScript ESLint stack with flat config and scripts.

Updated Feb 20, 2026

Search Tags:#typescript #react #eslint #project-setup #eslint-rules #flat-config #lint-config

Ready to run

npx skills add https://github.com/Lichens-Innovation/ai-dev-tools --skill react-linter-setup

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-linter-setup
Source: https://github.com/Lichens-Innovation/ai-dev-tools/tree/main/skills/react-linter-setup
Command: npx skills add https://github.com/Lichens-Innovation/ai-dev-tools --skill react-linter-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Standardizes and accelerates linting setup for React/TypeScript projects by automating dependencies, configuration files, and lint scripts to align with company standards.

Core Features & Use Cases

Install and configure the company ESLint stack for React and TypeScript projects.
Add or migrate to standard ESLint config files, and package.json scripts for linting.
Include custom rules and prerequisites to ensure consistent code quality across repositories.

Quick Start

Initialize or migrate an existing React/TypeScript project to use the company ESLint stack by running the setup to install dependencies, copy the config files, and update package.json scripts.

Frequently Asked Questions about react-linter-setup

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

FAQPage Schema

How do I set up ESLint for a React and TypeScript project?▼

Migrating to company ESLint standards involves adding the required dependencies, generating a flat config file, and updating package.json scripts to align your React and TypeScript project with consistent code quality rules.

What is a flat ESLint config and how does it work with TypeScript?▼

A flat ESLint config is a standardized configuration format that defines linting rules for your React and TypeScript project, ensuring compatibility with your existing workflows and package.json scripts.

Can I migrate an existing React project to use company ESLint standards?▼

Yes, you can migrate an existing React project to company ESLint standards by running the setup to install dependencies, copy the standard config files, and apply custom TypeScript linting rules.

Does this ESLint setup support custom rules for React repositories?▼

Yes, the ESLint setup supports custom rules and prerequisites to ensure consistent code quality across multiple React and TypeScript repositories within your company workflow.

How do I add lint scripts to package.json for a TypeScript project?▼

Adding lint scripts to package.json for a TypeScript project requires updating the scripts section to execute the configured ESLint stack, enabling automated code quality checks during development.

What are the limitations of using a flat ESLint config for React?▼

When using a flat ESLint config for React, limitations may arise from compatibility issues with existing workflows or older package.json scripts, requiring careful migration to maintain consistent code quality.