skills.rest
ynotradio
ynotradioOFFICIAL
Explore all skills by this author →
GitHub

code-quality-standards

Enforce TypeScript, React 19, and Next.js 15 coding standards via ESLint configuration.

1|Updated Feb 7, 2016
Search Tags:#code quality#typescript#best practices#react#eslint#next.js
One-click install
npx skills add https://github.com/ynotradio/site --skill code-quality-standards-ynotradio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-quality-standards
Source: https://github.com/ynotradio/site/tree/main/.claude/skills/code-quality-standards
Command: npx skills add https://github.com/ynotradio/site --skill code-quality-standards-ynotradio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures code consistency and adherence to best practices across TypeScript, React, and Next.js projects, reducing bugs and improving maintainability.

Core Features & Use Cases

  • Style Guide Enforcement: Aligns code with Airbnb style guides and project-specific patterns.
  • Component Best Practices: Guides on function components, hooks, composition, and file size limits.
  • Next.js Conventions: Details on Server/Client Components, App Router, and Metadata API.
  • Use Case: When starting a new feature or reviewing a pull request, consult this Skill to ensure all code adheres to established quality standards, preventing common pitfalls and promoting a clean codebase.

Quick Start

Review the code quality standards for TypeScript and React.

Frequently Asked Questions about code-quality-standards

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

FAQPage Schema
How do I enforce TypeScript and React best practices in my Next.js project?▼

You can enforce TypeScript and React best practices by applying coding conventions for function components, hooks, and file size limits, alongside specific Next.js App Router conventions.

What are the Next.js App Router conventions for Server and Client Components?▼

Next.js App Router conventions define specific patterns for structuring Server and Client Components, utilizing the Metadata API, and organizing imports to ensure optimal performance and maintainability.

How do I configure ESLint to align with Airbnb style guides for React 19?▼

Configuring ESLint to align with Airbnb style guides involves setting up rules that enforce code style, naming conventions, and import organization specific to TypeScript and React 19 projects.

Can I use these code quality standards when reviewing a pull request?▼

Yes, you can consult these code quality standards when reviewing a pull request to verify that new features adhere to established patterns, preventing common pitfalls and promoting a clean codebase.

What is the best way to organize imports and manage file size limits in TypeScript?▼

The best way to organize imports and manage file size limits is to follow established coding conventions that dictate specific style rules and structural boundaries for TypeScript files.

Related Skills

Explore More Software Engineering Skills→
truongnattruongnat

nextjs-15-pro

Implement Next.js 15 Server Actions, Partial Prerendering, and React 19 hooks.

Community
Advanced
umairinayatumairinayat
5

lint-and-validate

Lint, format, and statically analyze Node.js and Python code changes.

Community
Intermediate
zhizhunbaozhizhunbao

code-style

Configure Ruff, Prettier, ESLint, and mypy with pre-commit hooks for Python and TypeScript.

Community
Intermediate
ASTRA-TECHNOLOGY-COMPANY-LIMITEDASTRA-TECHNOLOGY-COMPANY-LIMITED

coding-convention

Enforce language-specific coding conventions across Java, Python, TypeScript, CSS/SCSS, and React Native.

Official
Advanced