coding-standards

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

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/Gatsbyhateyou/gatsby-website --skill coding-standards-gatsbyhateyou
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/Gatsbyhateyou/gatsby-website/tree/main/.agents/skills/coding-standards
Command: npx skills add https://github.com/Gatsbyhateyou/gatsby-website --skill coding-standards-gatsbyhateyou

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

  • Coding Standards: Defines principles for readability, simplicity, DRY, and YAGNI.
  • Language-Specific Best Practices: Offers 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 formats, input validation).
  • File Organization & Documentation: Covers project structure, file naming conventions, and commenting strategies.
  • Performance & Testing: Includes best practices for memoization, lazy loading, database queries, and testing methodologies.
  • Code Smell Detection: Identifies and provides solutions for common anti-patterns like long functions, deep nesting, and magic numbers.
  • Use Case: When starting a new project, onboarding a new developer, or conducting a code review, consult this Skill to ensure adherence to established quality benchmarks.

Quick Start

Review the TypeScript/JavaScript naming conventions for variables and functions.

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 TypeScript and React component structure?

Best practices for TypeScript and React include enforcing type safety, structuring components cleanly, managing state with custom hooks, and applying conditional rendering to ensure maintainability and readability across your project.

How do I fix code smells like deep nesting and long functions in JavaScript?

To fix JavaScript code smells like deep nesting and long functions, identify anti-patterns such as magic numbers and apply principles like DRY, KISS, and YAGNI to refactor into readable, simplified blocks.

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

Yes, this coding standards guide covers Node.js and API design, detailing REST conventions, input validation, response formats, and async error handling to enforce robust backend development.

How do I organize files and naming conventions for a new React and Node.js project?

To organize project files, follow strict naming conventions for variables and functions, structure directories logically for React and Node.js, and implement commenting strategies to maintain code quality.

What is the best way to handle async operations and type safety in TypeScript?

The best way to handle async operations in TypeScript is using async/await syntax while enforcing strict type safety, ensuring immutability, and applying proper error handling to prevent runtime failures.