coding-standards

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

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/vinayakg/claude-dotfiles --skill coding-standards-vinayakg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/vinayakg/claude-dotfiles/tree/main/skills/coding-standards
Command: npx skills add https://github.com/vinayakg/claude-dotfiles --skill coding-standards-vinayakg

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, ensuring code readability, maintainability, and efficiency across TypeScript, JavaScript, React, and Node.js projects.

Core Features & Use Cases

  • Code Quality Principles: Covers readability, KISS, DRY, and YAGNI.
  • Language-Specific Standards: Details best practices for TypeScript/JavaScript (naming, immutability, error handling, async/await, type safety) and React (component structure, custom hooks, state management, conditional rendering).
  • API Design: Outlines REST conventions, response formats, and input validation.
  • File Organization & Naming: Provides guidance on project structure and file naming conventions.
  • Comments & Documentation: Explains when to comment and how to use JSDoc.
  • Performance & Testing: Covers memoization, lazy loading, database query optimization, and testing patterns.
  • Code Smell Detection: Identifies and advises on avoiding long functions, deep nesting, and magic numbers.
  • Use Case: A new developer joins a project and needs to quickly understand the team's coding conventions. They consult this Skill to align their work with established standards for TypeScript, React, and API design.

Quick Start

Review the coding standards for TypeScript and React components.

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 structuring React components and managing state?

React best practices include defining clear component structures, utilizing custom hooks for logic reuse, and applying proper state management and conditional rendering to ensure maintainable UI code.

How do I design a REST API with proper response formats and input validation?

REST API design standards outline specific conventions for endpoint structures, consistent response formats, and strict input validation to ensure reliable and predictable client-server communication.

What coding standards should I follow for TypeScript and Node.js projects?

TypeScript and Node.js coding standards enforce type safety, immutability, proper naming conventions, and structured async/await error handling to improve code readability and maintainability.

How do I detect and avoid common code smells like deep nesting and magic numbers?

Code smell detection identifies long functions, deep nesting, and magic numbers, advising on refactoring patterns to eliminate these issues and enforce universal code quality principles.

When should I use JSDoc comments versus standard code comments in JavaScript?

Commenting guidelines specify when to use JSDoc for API documentation versus standard comments for internal logic, ensuring documentation adds value without cluttering the codebase.

Does this guide cover performance optimization and testing patterns for React?

Yes, the standards cover React performance optimization through memoization and lazy loading, alongside established testing patterns to ensure code reliability and efficient database query execution.