Can this skill help with project file organization?

Absolutely. It defines a standardized directory structure for Next.js projects and provides naming conventions for components, hooks, and utilities.

Does it provide specific patterns for API development?

Yes, it includes standards for REST API conventions, consistent JSON response structures, and input validation using schemas.

What frameworks does this coding standards skill cover?

It is primarily focused on the modern JavaScript ecosystem, including TypeScript, React, Node.js, and Next.js (App Router).

How does this skill handle React state management?

It promotes functional state updates, custom hooks for logic extraction, and memoization techniques to prevent unnecessary re-renders.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: xu-xiang

byxu-xiang

•

Developer Tools

Enforces industry-leading coding standards and architectural patterns for TypeScript, JavaScript, and React development.

This skill provides Claude with a comprehensive framework of best practices and development patterns specifically optimized for the modern web ecosystem. It integrates core software engineering principles like DRY, KISS, and YAGNI with concrete implementation guides for immutability, robust error handling, and type safety. By standardizing component structures, API design, and file organization, this skill ensures that AI-generated code remains maintainable, performant, and aligned with professional production requirements.

Key Features

01Provides guidance on performance optimization and lazy loading

02Defines RESTful API design and Zod-based input validation

0361 GitHub stars

04Standardizes TypeScript type safety and naming conventions

05Enforces SOLID, DRY, and KISS architectural principles

06Implements React best practices for hooks and component state

Use Cases

01Standardizing a legacy codebase during a major refactor

02Establishing consistent architectural patterns for a new project

03Automating high-quality code reviews for Node.js and React apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xu-xiang/everything-claude-code-zh coding-standards

For use in Claude.ai and ChatGPT

Download Skill