coding-standards

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

173|16|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/Yueby/music-together --skill coding-standards-yueby
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/Yueby/music-together/tree/main/.cursor/skills/coding-standards
Command: npx skills add https://github.com/Yueby/music-together --skill coding-standards-yueby

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 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, and async operations.
  • Framework Best Practices: Recommendations for React component structure, custom hooks, state management, and conditional rendering.
  • API Design: Standards for RESTful APIs, response formats, and input validation using Zod.
  • Project Organization: Guidance on file structure and naming conventions.
  • Documentation & Comments: Best practices for commenting and JSDoc.
  • Performance: Tips on memoization, lazy loading, and efficient database queries.
  • Testing: Adherence to AAA pattern and descriptive test naming.
  • Code Smell Detection: Identifies and advises on avoiding long functions, deep nesting, and magic numbers.

Quick Start

Review the coding standards for TypeScript and React development.

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 involve organizing custom hooks, managing state efficiently, and applying conditional rendering. These standards improve component readability, maintainability, and overall developer productivity across your project.

How do I enforce coding standards for TypeScript and JavaScript projects?

Enforce TypeScript and JavaScript coding standards by applying principles like DRY, YAGNI, immutability, and strict type safety. These rules standardize naming conventions, error handling, and async patterns to elevate code quality and consistency.

What is the recommended way to design REST APIs and validate input in Node.js?

Design REST APIs in Node.js by standardizing response formats and validating input using Zod. This approach ensures consistent API design, reliable data integrity, and improved backend maintainability for your applications.

How do I detect code smells like long functions and magic numbers in my codebase?

Detect code smells by identifying long functions, deep nesting, and magic numbers during development. Addressing these issues through simplicity and readability standards prevents maintainability problems and improves overall code quality.

Does this coding standards guide cover performance optimization and testing strategies?

This coding standards guide covers performance optimization through memoization and lazy loading, alongside testing strategies using the AAA pattern. These practices ensure your applications remain efficient, well-documented, and thoroughly tested.