Does it provide guidance on API development?

Yes, it includes standards for RESTful API design, consistent JSON response structures, and input validation using Zod.

Can it help with application performance?

Yes, it includes best practices for React memoization (useMemo, useCallback), lazy loading, and optimized database query selection.

What frameworks does this skill cover?

This skill specifically targets TypeScript, JavaScript, React (including Next.js), and Node.js development environments.

How does it improve code maintainability?

By enforcing readability-first principles, descriptive naming, and early returns to avoid deep nesting, the skill ensures code is easy for teams to understand and modify.

Is it compatible with the Next.js App Router?

Yes, it includes a recommended project structure specifically designed for the Next.js App Router and modern component organization.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: sori883

bysori883

0•

개발자 도구

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

This Claude Code skill provides a comprehensive framework for maintaining high-quality codebases in modern web environments. It guides Claude to adhere to core software engineering principles like KISS, DRY, and YAGNI, while implementing robust TypeScript types, immutable data patterns, and efficient React component structures. By standardizing everything from naming conventions and file organization to error handling and API design, this skill ensures consistency, improves maintainability, and helps developers proactively identify common code smells like deep nesting and magic numbers.

주요 기능

010 GitHub stars

02Identifies and refactors code smells like deep nesting and long functions

03Standardizes TypeScript naming conventions, type safety, and immutability

04Provides optimized React patterns for state management and component structure

05Enforces core principles including KISS, DRY, and YAGNI for simplified logic

06Defines RESTful API conventions and Zod-based schema validation standards

사용 사례

01Refactoring legacy JavaScript or untyped code into modern, type-safe TypeScript patterns

02Establishing a consistent coding style and architecture for new Next.js or Node.js projects

03Automating code reviews to ensure adherence to performance and readability best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sori883/ai-settings coding-standards

For use in Claude.ai and ChatGPT

주요 기능

010 GitHub stars

02Identifies and refactors code smells like deep nesting and long functions

03Standardizes TypeScript naming conventions, type safety, and immutability

04Provides optimized React patterns for state management and component structure

05Enforces core principles including KISS, DRY, and YAGNI for simplified logic

06Defines RESTful API conventions and Zod-based schema validation standards

사용 사례

01Refactoring legacy JavaScript or untyped code into modern, type-safe TypeScript patterns

02Establishing a consistent coding style and architecture for new Next.js or Node.js projects

03Automating code reviews to ensure adherence to performance and readability best practices