Стандарты React-компонентов на TypeScript и Tailwind

engineering

react-component-dev is a Claude Code skill that establishes React component development standards for the Gemini-Subtitle-Pro project, built on React 19, TypeScript 5.8, and TailwindCSS 4. It activates automatically when creating or modifying components, pages, modals, and forms, as well as when working with hooks, state management, or performance optimization. The skill includes a new-component checklist, file structure conventions under `src/components/[feature]/`, mandatory path aliases (`@components/*`, `@hooks/*`), TypeScript props interfaces, TailwindCSS styling with `clsx` and `tailwind-merge`, and i18n via `useTranslation`. Linked resource files cover component patterns, hooks patterns, styling guide, and performance optimization. Aimed at frontend developers who need consistent practices across a React-based subtitle application.