coding-standards

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/masakinihirota/vns-masakinihirota --skill coding-standards-masakinihirota
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/masakinihirota/vns-masakinihirota/tree/main/.agent/skills/coding-standards
Command: npx skills add https://github.com/masakinihirota/vns-masakinihirota --skill coding-standards-masakinihirota

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 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), reusability (DRY), and avoiding premature implementation (YAGNI).
  • Language-Specific Standards: Detailed guidelines for TypeScript/JavaScript (naming, immutability, error handling, async/await, type safety), React (components, hooks, state, conditional rendering), and API design (REST conventions, response formats, validation).
  • Organizational Best Practices: Recommendations for project structure, file naming, commenting, and documentation (JSDoc).
  • Performance & Testing: Strategies for memoization, lazy loading, efficient database queries, and structured testing (AAA pattern).
  • 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. This Skill serves as their primary reference guide, ensuring they write code that aligns with the team's standards from day one.

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

Best practices for TypeScript and React components involve enforcing type safety, utilizing custom hooks for logic reuse, structuring components cleanly, and applying conditional rendering to ensure readable and maintainable code.

How do I fix code smells like deep nesting and magic numbers in JavaScript?

To fix code smells in JavaScript, identify long functions, deep nesting, and magic numbers, then refactor them by applying simplicity principles like KISS and DRY to improve overall code readability.

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

Yes, this coding standards guide covers Node.js API design by enforcing REST conventions, standardizing response formats, and detailing async/await patterns and robust error handling techniques.

How do I organize files and write JSDoc comments for a new web project?

To organize files and write JSDoc comments, follow organizational best practices that standardize file naming conventions, enforce project structure, and document code effectively for maintainability.

What is the best way to optimize React performance and structure tests?

The best way to optimize React performance and structure tests is to utilize memoization, implement lazy loading, and apply the structured AAA testing pattern to ensure efficient and reliable execution.