How does it identify low-quality code?

It includes a 'Code Smell Detection' section that helps Claude identify anti-patterns such as functions over 50 lines, deep nesting, and unexplained magic numbers.

How does it handle API validation?

The skill promotes the use of Zod for schema-based input validation and enforces consistent RESTful response structures to ensure reliable client-server communication.

What is the Coding Standards skill for Claude Code?

It is a specialized capability that provides Claude with a set of rules and patterns to follow when writing or reviewing TypeScript, React, and Node.js code, ensuring high maintainability.

Does this skill help with React performance?

Yes, it includes specific best practices for memoization using useMemo and useCallback, as well as lazy loading heavy components to optimize application speed.

Coding Standards & Best Practices (zh-CN)

Name: Coding Standards & Best Practices (zh-CN)
Author: Infopibe

byInfopibe

•

開発者ツール

Enforces production-grade coding standards and best practices for TypeScript, React, and Node.js environments.

This skill serves as a comprehensive quality control guide for full-stack developers using Claude. It provides domain-specific guidance on naming conventions, immutability, error handling, and React component architecture. By integrating principles like KISS, DRY, and YAGNI, it ensures that AI-generated and refactored code remains readable, maintainable, and scalable. It is specifically localized for Chinese-speaking development teams, providing clear patterns for everything from file organization to advanced React hooks and API validation.

主な機能

011 GitHub stars

02Strict TypeScript naming conventions and type safety patterns

03Comprehensive REST API design standards and Zod validation

04Modern React patterns including functional components and custom hooks

05Advanced performance optimization techniques like memoization and lazy loading

06Enforcement of core principles like KISS, DRY, and YAGNI

ユースケース

01Bootstrapping new TypeScript or React projects with consistent file structures

02Conducting automated code reviews to identify smells like deep nesting or magic numbers

03Refactoring legacy JavaScript into modern, immutable, and type-safe codebases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add infopibe/everything-claude-code coding-standards

For use in Claude.ai and ChatGPT

主な機能

011 GitHub stars

02Strict TypeScript naming conventions and type safety patterns

03Comprehensive REST API design standards and Zod validation

04Modern React patterns including functional components and custom hooks

05Advanced performance optimization techniques like memoization and lazy loading

06Enforcement of core principles like KISS, DRY, and YAGNI

ユースケース

01Bootstrapping new TypeScript or React projects with consistent file structures

02Conducting automated code reviews to identify smells like deep nesting or magic numbers

03Refactoring legacy JavaScript into modern, immutable, and type-safe codebases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add infopibe/everything-claude-code coding-standards

For use in Claude.ai and ChatGPT