lint

Runs TypeScript type checks, ESLint, and Prettier checks for the react-basics-ui codebase.

Updated Nov 20, 2025
One-click install
npx skills add https://github.com/apuya/react-basics-ui --skill lint-apuya
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lint
Source: https://github.com/apuya/react-basics-ui/tree/main/.claude/skills/lint
Command: npx skills add https://github.com/apuya/react-basics-ui --skill lint-apuya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It consolidates the project's code quality gates—TypeScript type checking, ESLint, and Prettier formatting—into one repeatable workflow so you can verify code health before committing without remembering individual commands. ## Core Features & Use Cases - Sequential Quality Checks: Runs tsc --noEmit, eslint src --ext .ts,.tsx, and prettier --check in order and reports output as-is. - Guided Auto-Fix: On failure, asks before running eslint --fix and prettier --write, then re-runs checks to show what remains. - Accessibility Handoff: When lint passes and rendering components changed, it prompts you to optionally run the /a11y audit for WCAG 2.2 AA review. - Use Case: Before committing changes to a Button component, invoke the skill to confirm zero type errors and lint violations, auto-fix formatting, then opt into an accessibility audit. ## Quick Start Ask the assistant to run the lint checks on the project and report any type errors, ESLint violations, or formatting issues.

Frequently Asked Questions about lint

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

FAQPage Schema
How do I run lint and type checks on a React TypeScript project?

Run three commands in order: npx tsc -p tsconfig.json --noEmit for type checking, npm run lint for ESLint over src, and npx prettier --check for formatting. A clean run reports zero errors.

How do I auto-fix ESLint and Prettier issues?

Run npx eslint --fix src --ext .ts,.tsx for auto-fixable lint rules and prettier --write for formatting. Type errors are never auto-fixable and must be corrected in the source code manually.

Does ESLint 9 work with .eslintrc config files?

No, ESLint 9 uses flat config via eslint.config.js and ignores .eslintrc.* files entirely. This project relies on the flat config, so legacy config files would have no effect.

Why do Storybook stories trigger ESLint rule warnings?

Stories intentionally relax rules like react-hooks/rules-of-hooks, no-console, and react/no-unescaped-entities because CSF3 render functions are not components. These warnings are by design and should not be fixed by rewriting stories.

Can ESLint detect accessibility problems in components?

No, ESLint cannot evaluate keyboard reachability, focus management, ARIA correctness, contrast, or hit-target size. Those require a dedicated accessibility audit such as the /a11y skill against WCAG 2.2 AA.