coding-standards

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

5|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/FaisalAlqarni/sp-ecc --skill coding-standards-faisalalqarni
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/FaisalAlqarni/sp-ecc/tree/main/skills/coding-standards
Command: npx skills add https://github.com/FaisalAlqarni/sp-ecc --skill coding-standards-faisalalqarni

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 readability, KISS, 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 format, input validation).
  • File Organization & Naming: Best practices for project structure and file naming.
  • Documentation & Comments: Guidance on when and how to comment code, including JSDoc.
  • Performance Optimization: Techniques like memoization and lazy loading.
  • Testing Standards: AAA pattern and clear test naming conventions.
  • Code Smell Detection: Identifies and provides solutions for long functions, deep nesting, and magic numbers.
  • Use Case: A new developer joins a project and needs to understand the established coding conventions. This Skill provides a single source of truth for all best practices, ensuring consistency and reducing onboarding time.

Quick Start

Review the universal coding standards for TypeScript, JavaScript, React, and Node.js 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 and state management include organizing components logically, using custom hooks for reusable logic, and applying conditional rendering to ensure code readability and maintainability across your project.

How do I enforce coding standards for TypeScript and JavaScript?

You can enforce coding standards for TypeScript and JavaScript by applying principles like KISS, DRY, and YAGNI, alongside specific guidelines for naming conventions, immutability, error handling, async/await patterns, and strict type safety.

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

Yes, this coding standards guide covers Node.js API design by establishing REST conventions, standardizing response formats, and enforcing input validation to improve backend code quality and consistency.

What is the best way to detect and resolve code smells in JavaScript?

The best way to detect code smells in JavaScript is to identify long functions, deep nesting, and magic numbers, then resolve them using established refactoring patterns to maintain universal code quality.

How do I structure documentation and testing for TypeScript projects?

To structure documentation and testing for TypeScript projects, use JSDoc for comments and follow the AAA pattern with clear test naming conventions to ensure your codebase remains understandable and robust.

What performance optimization techniques should I use in React?

Performance optimization in React should utilize memoization and lazy loading techniques to prevent unnecessary re-renders and reduce bundle size, maintaining high application efficiency without sacrificing code quality.