coding-standards

Enforce React 19 and TypeScript coding standards for Portfolio Buddy 2 components.

1|Updated Nov 14, 2025
One-click install
npx skills add https://github.com/5MinFutures/futures-arena --skill coding-standards-5minfutures
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/5MinFutures/futures-arena/tree/main/.claude/skills/coding-standards
Command: npx skills add https://github.com/5MinFutures/futures-arena --skill coding-standards-5minfutures

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill codifies and enforces consistent React 19 and TypeScript practices across the Portfolio Buddy 2 codebase, reducing defects and easing code reviews.

Core Features & Use Cases

  • Component patterns: Prescribed patterns for functional components, props typing, and state management with hooks.
  • TypeScript discipline: No any usage, explicit interfaces, and clear typing rules to improve reliability.
  • Code quality & reviews: Guidelines for naming, comments, and JSDoc to facilitate maintainable contributions.

Quick Start

Use CodingStandards to apply the React 19 + TypeScript guidelines to a new or existing component during development and code reviews.

Frequently Asked Questions about coding-standards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce TypeScript coding standards for React 19 components?

To enforce TypeScript coding standards for React 19 components, apply rules requiring functional components, explicit interface typings, JSDoc comments, and stable hook usage. This prohibits any usage to improve reliability and ensure consistency across your codebase.

What React 19 component patterns should I follow for state management and props?

React 19 component patterns prescribe using functional components with explicit TypeScript props typing and managing state through stable hook usage. This approach ensures consistent state management and reliable component architecture across your codebase.

How do I prepare my React and TypeScript codebase for consistent code reviews?

Prepare your React and TypeScript codebase for code reviews by applying standardized guidelines for naming, JSDoc comments, and functional component structures. Consistent typing rules and clear documentation facilitate maintainable contributions and reduce defects during reviews.

Why should I prohibit using any in TypeScript React components?

Prohibit using any in TypeScript React components to enforce explicit interface typing and clear typing rules. Eliminating any usage improves overall code reliability, reduces potential type-related defects, and ensures maintainable contributions across the project.

Does this coding standards guideline work when refactoring existing React components?

Yes, these React 19 and TypeScript coding standards apply when refactoring existing components or writing new ones. You can apply the functional component patterns and explicit typing rules to ensure consistency and improve reliability across legacy code.