coding-standards

Provide coding standards and best practices for TypeScript, JavaScript, React, and Node.js.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/sasasayusuke/util --skill coding-standards-sasasayusuke
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/sasasayusuke/util/tree/main/pg/%E3%83%86%E3%83%97%E3%82%B7%E3%82%B9/.claude/skills/coding-standards
Command: npx skills add https://github.com/sasasayusuke/util --skill coding-standards-sasasayusuke

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Code Quality Principles: Enforces readability, simplicity, DRY, and YAGNI.
  • Language-Specific Standards: Detailed guidelines for TypeScript/JavaScript (naming, immutability, error handling, async/await, type safety), React (component structure, custom hooks, state management, conditional rendering), and API design (REST conventions, response formats, input validation).
  • Organizational Best Practices: Recommendations for file organization, naming conventions, and commenting.
  • Performance & Testing: Guidelines on memoization, lazy loading, database query optimization, and testing strategies.
  • 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 and apply the team's standards for writing clean, efficient, and consistent code.

Quick Start

Apply the coding standards outlined in this skill to refactor the provided JavaScript code snippet.

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 component structure best practices emphasize custom hooks, conditional rendering, and efficient state management. Adhering to these patterns ensures readable, maintainable UI code while enforcing DRY and YAGNI principles across your project.

How do I enforce TypeScript coding standards for type safety and error handling?

To enforce TypeScript coding standards, apply guidelines for strict type safety, immutability, and robust error handling. Utilizing async/await patterns correctly ensures predictable execution and prevents unhandled exceptions in your application logic.

How do I organize files and structure APIs in a Node.js project?

Organizing files and structuring APIs in a Node.js project requires REST conventions, standardized response formats, and input validation. Proper file organization and naming conventions ensure scalable and maintainable backend development.

What is the best way to optimize React and Node.js performance during development?

The best way to optimize performance involves applying memoization, lazy loading in React, and database query optimization in Node.js. These performance guidelines reduce unnecessary computations and improve overall application responsiveness.

Can I use these JavaScript and TypeScript coding standards for a new developer onboarding?

Yes, these JavaScript and TypeScript coding standards are ideal for new developer onboarding. They provide a comprehensive reference for universal conventions, allowing new team members to quickly grasp and apply established code quality principles.