skills.rest
Lichens-Innovation
Lichens-InnovationOFFICIAL
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/Lichens-Innovation/ai-dev-tools --skill react-linter-setup
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
steedossteedos
1.6k

steedos-project-format

Scaffold Steedos projects with package.json and steedos-config.yml.

Official
Intermediate
beshkenadzebeshkenadze
3

code-reviewer

Analyze code for security, performance, and quality issues.

Community
Basic
patricio0312revpatricio0312rev
5

eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Community
Advanced
mauriciodelriomauriciodelrio
3

code-quality-rules

Configure ESLint, Prettier, or Biome with strict linting rules for React projects.

Community
Advanced