coding-standards

Establish coding standards for TypeScript, JavaScript, React, and Node.js projects.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Rx-K8/my-claude-code --skill coding-standards-rx-k8
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/Rx-K8/my-claude-code/tree/main/japanese/skills/coding-standards
Command: npx skills add https://github.com/Rx-K8/my-claude-code --skill coding-standards-rx-k8

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of universal coding standards, best practices, and patterns to ensure code quality, readability, and maintainability across TypeScript, JavaScript, React, and Node.js projects.

Core Features & Use Cases

  • Code Quality Principles: Enforces principles like Readability, KISS, DRY, and YAGNI.
  • Language-Specific Standards: Details best practices for variable/function naming, immutability, error handling, and async operations in TypeScript/JavaScript.
  • React Best Practices: Covers component structure, custom hooks, state management, and conditional rendering.
  • API Design Standards: Outlines conventions for REST APIs, response formats, and input validation using Zod.
  • Performance & Testing: Includes guidelines for memoization, lazy loading, database query optimization, and test structure (AAA pattern).
  • Use Case: A new developer joins a project and needs to understand the established coding conventions. They can refer to this Skill to quickly grasp the team's standards for writing clean, efficient, and maintainable code.

Quick Start

Explain the principle of 'Don't Repeat Yourself' (DRY) in coding.

Frequently Asked Questions about coding-standards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for React component structure and state management?

React best practices for component structure emphasize custom hooks, efficient state management, and conditional rendering to ensure maintainability. These coding standards enforce clear component boundaries and predictable state updates across your React application.

How do I structure REST API response formats and validate inputs in Node.js?

REST API design standards dictate specific response formats and input validation using Zod for Node.js development. Implementing these API conventions ensures consistent data integrity, standardized error handling, and predictable client-server interactions.

What coding standards improve TypeScript and JavaScript code quality?

TypeScript and JavaScript code quality standards enforce principles like KISS, DRY, and YAGNI to improve readability. They cover naming conventions, immutability, error handling, and async/await patterns to guarantee maintainable codebases.

How do I optimize React performance using memoization and lazy loading?

React performance optimization utilizes memoization, lazy loading, and database query optimization to reduce unnecessary renders. Following these performance guidelines ensures fast load times and efficient resource utilization within your application.

What testing methodologies should I follow for JavaScript and React projects?

Testing methodologies for JavaScript and React projects recommend following the Arrange-Act-Assert (AAA) pattern to structure tests clearly. Adopting these testing standards ensures comprehensive coverage, predictable validation, and reliable code behavior verification.

When should I not use universal coding standards for my development project?

Universal coding standards may not suit highly specialized projects requiring niche architectural patterns or strict domain-specific regulatory compliance. Evaluate these limitations when your project demands custom conventions that conflict with general TypeScript, React, or Node.js best practices.