coding-standards

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

Updated Jun 2, 2025
One-click install
npx skills add https://github.com/wraithyy/dotfiles --skill coding-standards-wraithyy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/wraithyy/dotfiles/tree/main/dot_claude/skills/coding-standards
Command: npx skills add https://github.com/wraithyy/dotfiles --skill coding-standards-wraithyy

SYSTEM DOCUMENTATION & REQUIREMENTS

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), don't repeat yourself (DRY), and you ain't gonna need it (YAGNI).
  • Language-Specific Standards: Offers detailed guidelines for variable/function naming, immutability, error handling, async operations, and type safety in TypeScript/JavaScript.
  • Framework Best Practices: Includes recommendations for React component structure, custom hooks, state management, and conditional rendering.
  • API Design: Outlines conventions for REST APIs, response formats, and input validation using Zod.
  • File Organization & Documentation: Guides project structure, file naming, commenting strategies, and JSDoc usage.
  • Performance & Testing: Covers memoization, lazy loading, database query optimization, and testing methodologies.
  • Code Smell Detection: Identifies and provides solutions for common anti-patterns like long functions, deep nesting, and magic numbers.
  • Use Case: A new developer joins a project and needs to understand the established coding conventions. They can consult this Skill to quickly get up to speed on naming conventions, error handling, and component structure.

Quick Start

Review the universal coding standards and best practices 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 component structure best practices include enforcing readability, simplicity, and DRY principles. This involves using custom hooks, managing state effectively, and applying conditional rendering to ensure maintainable React development.

How do I handle errors and async operations in TypeScript and Node.js?

Error handling and async operations in TypeScript and Node.js require enforcing immutability, type safety, and specific error handling patterns. These coding standards ensure robust and readable asynchronous code execution.

How do I validate API input and design REST APIs in Node.js?

API design in Node.js involves following REST API conventions, standardizing response formats, and validating input using Zod. This establishes consistent API interfaces and reliable data validation across your services.

What are common code smells and anti-patterns in JavaScript?

Common JavaScript code smells include long functions, deep nesting, and magic numbers. Identifying these anti-patterns helps enforce KISS and YAGNI principles, improving overall code quality and maintainability.

Does this coding standards guide cover performance optimization and testing?

Yes, performance optimization and testing standards cover memoization, lazy loading, database query optimization, and testing methodologies. These practices ensure your TypeScript and React applications remain efficient and reliable.