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

0•

Learning & Documentation

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.

Key Features

01Simplified control flow patterns utilizing early returns and hash-lists over complex logic.

02Modern React patterns using React Query and Suspense instead of manual useEffect hooks.

03Behavior-driven testing philosophy that focuses on functionality rather than implementation details.

040 GitHub stars

05Standardized naming conventions for constants, functions, and files to ensure maximum clarity.

06End-to-end type safety enforcement with strict avoidance of 'any' or 'as' types.

Use Cases

01Refactoring existing TypeScript files to improve readability and type-safety.

02Setting up a new React project with a consistent and scalable file structure.

03Conducting automated code reviews to ensure alignment with professional engineering standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ramirlm/ramir-cc-marketplace coding-guidelines

For use in Claude.ai and ChatGPT

Download Skill