Does this skill provide guidance on SQL and databases?

Yes, it promotes the use of query-builders instead of pure SQL strings to maintain end-to-end type safety and protect against SQL injection.

Can this skill help with testing strategies?

Yes, it provides a testing philosophy that emphasizes testing behavior over implementation and suggests using specific organizational patterns for test suites.

How does it improve control flow in complex applications?

It advocates for early returns to minimize indentation levels and suggests replacing switch-case blocks with hash-lists for cleaner, more maintainable logic.

How does this skill handle React side effects?

The skill discourages the use of useEffect for data fetching, recommending React Query, Suspense, and transition hooks like useTransition for more predictable UI behavior.

What are the core naming conventions enforced by this skill?

It enforces SNAKE_CAPS for constants, camelCase for functions, and kebab-case for file names, while strictly avoiding abbreviations to ensure code is self-documenting.

Coding Standards & React Best Practices

Name: Coding Standards & React Best Practices
Author: ramirlm

byramirlm

学習とドキュメンテーション

Enforces high-quality TypeScript and React development patterns focusing on type safety, clean code, and maintainable project structures.

概要

This skill provides Claude with a comprehensive framework for writing production-grade TypeScript and JavaScript code within React environments. It prioritizes end-to-end type safety, discourages common pitfalls like 'any' types or over-reliance on useEffect, and promotes readable, flat code structures through early returns and specific naming conventions. Whether refactoring legacy code or architecting new features, it ensures consistent adherence to modern software engineering principles like KISS, YAGNI, and accessibility standards.

主な機能

Simplified control flow patterns utilizing early returns and hash-lists over complex logic.
Modern React patterns using React Query and Suspense instead of manual useEffect hooks.
Behavior-driven testing philosophy that focuses on functionality rather than implementation details.
0 GitHub stars
Standardized naming conventions for constants, functions, and files to ensure maximum clarity.
End-to-end type safety enforcement with strict avoidance of 'any' or 'as' types.

ユースケース

Refactoring existing TypeScript files to improve readability and type-safety.
Setting up a new React project with a consistent and scalable file structure.
Conducting automated code reviews to ensure alignment with professional engineering standards.

概要

主な機能

Simplified control flow patterns utilizing early returns and hash-lists over complex logic.
Modern React patterns using React Query and Suspense instead of manual useEffect hooks.
Behavior-driven testing philosophy that focuses on functionality rather than implementation details.
0 GitHub stars
Standardized naming conventions for constants, functions, and files to ensure maximum clarity.
End-to-end type safety enforcement with strict avoidance of 'any' or 'as' types.

ユースケース

Refactoring existing TypeScript files to improve readability and type-safety.
Setting up a new React project with a consistent and scalable file structure.
Conducting automated code reviews to ensure alignment with professional engineering standards.