code-quality

Configure ESLint, Prettier, and TypeScript for React Native code quality enforcement.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/alejandro-technology/react-native-template --skill code-quality-alejandro-technology
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-quality
Source: https://github.com/alejandro-technology/react-native-template/tree/main/.claude/skills/enforcement/code-quality
Command: npx skills add https://github.com/alejandro-technology/react-native-template --skill code-quality-alejandro-technology

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Maintains consistent code quality across projects by automating linting, formatting, and enforcing naming conventions.

Core Features & Use Cases

  • Linting with ESLint to catch errors and enforce rules.
  • Formatting with Prettier to ensure consistent style.
  • TypeScript strictness and path alias enforcement in project templates.
  • Use Case: On new files or code reviews, automatically verify code style and report issues.

Quick Start

Run the lint and format workflow to ensure code quality across the repository.

Frequently Asked Questions about code-quality

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

FAQPage Schema
How do I enforce code quality in a React Native project with ESLint and Prettier?

You can enforce code quality in a React Native project by configuring ESLint for linting and Prettier for formatting, alongside TypeScript strictness to catch errors and ensure consistent style across files.

How do I automate linting and formatting for new files during code reviews?

Automating linting and formatting for new files during code reviews involves running a configured toolchain that verifies code style, checks import order, and reports issues automatically on file creation.

Does this code quality configuration enforce TypeScript strictness and path aliases?

Yes, this code quality configuration enforces TypeScript strictness and scalable path aliases within React Native project templates to maintain type safety and consistent module resolution.

What's the best way to set up naming conventions and import order in TypeScript?

The best way to set up naming conventions and import order in TypeScript is by applying an automated ESLint rule set that checks code style and reports violations during template setup and reviews.

Why do I need both ESLint and Prettier for code formatting in React Native?

You need both ESLint and Prettier because ESLint catches errors and enforces code quality rules, while Prettier ensures consistent formatting, together maintaining strict style across React Native projects.

Can I use this lint and format workflow for existing React Native repositories?

Yes, you can run the lint and format workflow to ensure code quality across existing React Native repositories by verifying code style, type safety, and reporting any identified issues.