Does it include guidance on project structure?

Yes, it provides a standardized directory layout for modern web applications, including where to place components, hooks, types, and API routes.

What frameworks are supported by this skill?

This skill is optimized for TypeScript, JavaScript, React, Next.js, and Node.js development environments.

How does this skill improve code performance?

It provides specific patterns for React memoization, lazy loading of heavy components, and efficient database query selection to minimize overhead.

Can this skill help with API validation?

Yes, it includes best practices for input validation using Zod and standardized structures for consistent API response formats.

Does it cover testing standards?

Absolutely. It defines the AAA (Arrange, Act, Assert) pattern for testing and provides guidelines for writing descriptive, meaningful test cases.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: ysyecust

byysyecust

•

Aprendizaje y Documentación

Enforces universal coding standards and best practices for TypeScript, JavaScript, React, and Node.js development.

This skill provides a comprehensive framework of coding principles and patterns specifically tailored for the modern web development ecosystem. It guides developers through high-quality code implementation using core principles like DRY, KISS, and YAGNI, while providing concrete examples for variable naming, error handling, React component architecture, and API design. It is an essential tool for teams looking to maintain architectural consistency, reduce technical debt, and ensure that AI-generated code meets production-grade quality requirements.

Características Principales

01Detailed project organization and file naming conventions

02Comprehensive TypeScript/JavaScript naming and immutability patterns

03Standardized REST API design and Zod-based input validation

04Performance optimization techniques including memoization and lazy loading

052 GitHub stars

06React-specific best practices for components, hooks, and state management

Casos de Uso

01Establishing a standardized architectural foundation for new Next.js or Node.js projects

02Performing automated code reviews to ensure compliance with clean code principles

03Refactoring legacy JavaScript modules into type-safe, maintainable TypeScript

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill