skills.rest
drxaibi
drxaibiCOMMUNITY
Explore all skills by this author →
GitHub

coding-standards

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

Updated Mar 9, 2026
Search Tags:#code quality#typescript#best practices#react#javascript#coding standards#node.js
One-click install
npx skills add https://github.com/drxaibi/vibe-setup --skill coding-standards-drxaibi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/drxaibi/vibe-setup/tree/main/.github/skills/coding-standards
Command: npx skills add https://github.com/drxaibi/vibe-setup --skill coding-standards-drxaibi

SYSTEM DOCUMENTATION & REQUIREMENTS

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, maintainability, and consistency.

Core Features & Use Cases

  • Coding Principles: Adheres to Readability, KISS, DRY, and YAGNI principles.
  • Language-Specific Standards: 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 format, input validation).
  • File Organization & Documentation: Covers project structure, file naming conventions, commenting strategies, and JSDoc usage.
  • Performance & Testing: Includes best practices for memoization, lazy loading, database queries, and testing structures.
  • 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, onboard new team members, or conduct code reviews, this Skill ensures adherence to established best practices, leading to more robust and maintainable software.

Quick Start

Review the coding standards for TypeScript and React 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?▼

Best practices for React component structure emphasize clear file organization, custom hooks for logic reuse, and controlled state management. This ensures component predictability, readability, and maintainability across your project.

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

To enforce TypeScript type safety and immutability, apply strict typing rules and avoid direct state mutations. Following these coding standards prevents runtime errors and ensures robust, predictable JavaScript application behavior.

How do I structure REST API design and error handling in Node.js?▼

REST API design and error handling in Node.js require standard conventions, consistent response formats, and input validation. Implementing these coding standards guarantees API reliability and secure client-server communication.

What is the best way to detect code smells like deep nesting and magic numbers?▼

The best way to detect code smells like deep nesting, long functions, and magic numbers is applying KISS and DRY principles. Refactoring these patterns improves code readability and reduces maintenance complexity.

Does this coding standards guide cover performance optimization and testing structures?▼

Yes, this coding standards guide covers performance optimization and testing structures. It includes practices for memoization, lazy loading, database queries, and testing to ensure efficient, reliable software delivery.

Related Skills

Explore More Software Engineering Skills→
samChang72samChang72
1

coding-standards

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

Community
Advanced
monforjemonforje

golang-lint

Configure and run golangci-lint for Golang projects.

Community
Intermediate
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
ils15ils15
10

quality-gate

Run linters, type-checkers, tests, and build steps before code commits.

Community
Advanced