React Coding Conventions FAQs

Question 1

Does this skill require permission to fix my code?

Accepted Answer

No, the skill is designed for automatic enforcement. When it detects a violation of the established conventions—such as incorrect quote usage or improper hook ordering—it applies the correction immediately and provides a brief summary of the changes made.

Question 2

What specific coding patterns does it validate?

Accepted Answer

It validates naming (e.g., 'is' prefix for booleans), component structure (ordering of hooks and handlers), JSX syntax (single quotes and curly braces), modularity (named exports), and TypeScript-specific patterns like prop interfaces and type-only imports.

Question 3

When should I use this skill in my workflow?

Accepted Answer

You should use this skill proactively whenever you are creating new React components, modifying existing .tsx or .jsx files, refactoring code, or performing code reviews. It is designed to activate automatically whenever React work is detected.

Question 4

How does this skill improve my development process?

Accepted Answer

It eliminates manual style checking and reduces technical debt by automatically applying fixes for common violations. By standardizing component architecture and TypeScript patterns, it ensures that all team members produce high-quality code that follows the same logic and structure.

Question 5

What does the React Coding Conventions skill do?

Accepted Answer

This Claude Code skill automatically enforces project-specific React and TypeScript standards. It handles everything from naming conventions for booleans and event handlers to the structural organization of hooks, ensuring your codebase remains consistent and maintainable.

React Coding Conventions

React Coding Conventions

概要

主な機能

ユースケース

概要

主な機能

ユースケース