coding-standards

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

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/ryasrk/AgentBrokeTheMatrix-CopilotVersion --skill coding-standards-ryasrk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/ryasrk/AgentBrokeTheMatrix-CopilotVersion/tree/main/.github/skills/coding-standards
Command: npx skills add https://github.com/ryasrk/AgentBrokeTheMatrix-CopilotVersion --skill coding-standards-ryasrk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development, ensuring code quality, readability, and maintainability.

Core Features & Use Cases

  • Code Quality Principles: Enforces readability, KISS, DRY, and YAGNI principles.
  • Language-Specific Standards: Details best practices for variable/function naming, immutability, error handling, and async/await in TypeScript/JavaScript.
  • Framework Guidance: Offers React component structure, custom hook usage, state management, and conditional rendering patterns.
  • API Design: Outlines REST conventions, consistent response formats, and input validation using Zod.
  • File Organization & Documentation: Provides project structure, file naming conventions, and commenting guidelines.
  • Performance & Testing: Covers memoization, lazy loading, efficient database queries, and testing standards.
  • 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 component structure best practices involve organizing files logically, using custom hooks for reusable logic, managing state effectively, and applying conditional rendering patterns to ensure maintainability.

How do I validate API input in Node.js using Zod?

Validate API input in Node.js using Zod by defining schema objects for request payloads, parsing incoming data against these schemas to catch errors early, and standardizing API response formats for consistent error handling.

How should I handle errors and async/await in TypeScript?

Handle errors and async/await in TypeScript by enforcing immutability, avoiding deep nesting, using try-catch blocks for asynchronous operations, and following clear naming conventions for variables and functions.

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

Yes, this coding standards guide covers performance optimization and testing patterns, specifically detailing memoization, lazy loading, efficient database queries, and structured testing standards for JavaScript and TypeScript projects.

What is the best way to avoid code smells like long functions and magic numbers?

The best way to avoid code smells like long functions and magic numbers is to apply KISS, DRY, and YAGNI principles, refactor lengthy logic into smaller functions, and replace magic numbers with named constants.

When should I apply memoization and lazy loading in a React application?

Apply memoization and lazy loading in a React application to optimize performance when rendering complex components or loading large resources, preventing unnecessary re-renders and deferring component initialization until required.