frontend-react

What problem does it solve?

This skill helps software teams enforce a consistent style and architecture for React components in a unified stack (React + Vite + TypeScript + Ant Design + Sass), reducing stylistic drift and onboarding time.

Core Features & Use Cases

• Enforces TS-style annotations and explicit Props typing for components.
• Prohibits using React.FC / React.FunctionComponent; promotes arrow function components.
• Standardizes import patterns for SCSS modules and ensures consistent naming and styling across the codebase.
• Use Case: A new UI team member can scaffold a new component and automatically adhere to the project’s conventions, improving readability and maintainability.

Quick Start

Create a new component following the conventions: define Props with a TypeScript type, implement as an arrow function component, and import SCSS styles as modules.