coding-standards

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

4|Updated Jan 24, 2026
One-click install
npx skills add https://github.com/XD3an/cc-plus --skill coding-standards-xd3an
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/XD3an/cc-plus/tree/main/skills/coding-standards
Command: npx skills add https://github.com/XD3an/cc-plus --skill coding-standards-xd3an

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 (KISS), avoiding repetition (DRY), and avoiding premature implementation (YAGNI).
  • Language-Specific Standards: Detailed guidelines for variable/function naming, immutability, error handling, async/await, and type safety in TypeScript/JavaScript.
  • React Best Practices: Covers component structure, custom hooks, state management, and conditional rendering.
  • API Design: Standards for REST conventions, consistent response formats, and input validation using Zod.
  • File Organization & Naming: Recommendations for project structure and file naming conventions.
  • Comments & Documentation: Guidance on when to comment and how to use JSDoc.
  • Performance: Best practices for memoization, lazy loading, and efficient database queries.
  • Testing: Adherence to the AAA pattern and descriptive test naming.
  • Code Smell Detection: Identifies and provides solutions for long functions, deep nesting, and magic numbers.

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?

The best practices for React component structure and state management involve organizing components logically, extracting custom hooks for reusable logic, and applying consistent conditional rendering to improve code maintainability and readability.

How do I enforce TypeScript type safety and immutability in my project?

To enforce TypeScript type safety and immutability, apply universal coding standards covering strict variable and function naming conventions, proper error handling, and async/await patterns to ensure high-quality, maintainable code.

Does this coding standards guide cover Node.js API design and input validation?

Yes, this coding standards guide covers Node.js API design standards including REST conventions, consistent response formats, and input validation using Zod to ensure reliable API endpoints and consistent data handling.

How do I detect and fix code smells like deep nesting and magic numbers in JavaScript?

To detect and fix code smells like deep nesting and magic numbers in JavaScript, apply standards that identify long functions and provide solutions emphasizing readability, simplicity (KISS), and avoiding repetition (DRY).

What testing strategies and performance optimizations should I use for web development?

Testing strategies and performance optimizations for web development include adhering to the AAA pattern with descriptive test naming, applying memoization, implementing lazy loading, and optimizing database queries to boost developer productivity.