Which frameworks does this skill support?

It is optimized for the TypeScript and JavaScript ecosystems, with specific guidance for React, Node.js, and Next.js applications.

Can I use this skill to refactor existing code?

Yes, it is specifically designed to help identify code smells and refactor existing logic into cleaner, more maintainable patterns like early returns and immutability.

Does it include testing standards?

Yes, it provides standards for test structure using the AAA (Arrange, Act, Assert) pattern and emphasizes descriptive test naming.

Is this skill available for Chinese-speaking developers?

Yes, this skill is part of the 'everything-claude-code-zh' project, providing localized documentation and guidance for Chinese engineers.

How does this skill improve Claude's output?

It provides Claude with a specific set of rules and patterns to follow, ensuring the code it generates is consistent, readable, and adheres to modern industry standards.

Coding Standards & Best Practices

Name: Coding Standards & Best Practices
Author: xu-xiang

byxu-xiang

•

323

•

Developer Tools

Enforces industry-standard coding conventions, architectural patterns, and best practices for TypeScript, React, and Node.js development.

This skill acts as a comprehensive quality guardrail for Claude Code, ensuring that generated and refactored code adheres to essential software engineering principles like KISS, DRY, and YAGNI. It provides specific implementation patterns for modern web stacks, including immutability constraints, strict type safety with TypeScript, React hook optimization, and robust REST API design. By activating this skill, developers can maintain a consistent codebase, reduce technical debt, and ensure that Claude follows high-quality architectural standards during development, refactoring, or code review sessions.

Key Features

01Detects and refactors common code smells such as deep nesting, long functions, and magic numbers

02Implements React best practices for functional components, custom hooks, and state management

03Enforces TypeScript type safety and naming conventions for variables and functions

04Optimizes performance through memoization, lazy loading, and efficient database queries

05323 GitHub stars

06Provides standardized REST API design patterns and Zod-based input validation structures

Use Cases

01Refactoring legacy codebases to improve maintainability and follow modern standards

02Conducting automated code quality reviews to ensure consistency across team contributions

03Initializing new projects with consistent file structures and clean coding foundations

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

Key Features

01Detects and refactors common code smells such as deep nesting, long functions, and magic numbers

02Implements React best practices for functional components, custom hooks, and state management

03Enforces TypeScript type safety and naming conventions for variables and functions

04Optimizes performance through memoization, lazy loading, and efficient database queries

05323 GitHub stars

06Provides standardized REST API design patterns and Zod-based input validation structures

Use Cases

01Refactoring legacy codebases to improve maintainability and follow modern standards

02Conducting automated code quality reviews to ensure consistency across team contributions

03Initializing new projects with consistent file structures and clean coding foundations