lang-tsx

What problem does it solve?

This skill prevents inconsistent React and TSX patterns by giving you a clear, opinionated standard for component structure, typing, and architecture.

Core Features & Use Cases

• Frontend Standards: Guides React and TSX code toward predictable, maintainable conventions.
• Typing Discipline: Encourages explicit prop types and careful hook typing when inference is not enough.
• Component Design: Supports functional components only, composition over prop drilling, and colocated styles and tests.
• Tooling Alignment: Matches common TypeScript and React tooling such as Prettier, eslint-plugin-react, and typescript-eslint.
• Use Case: Use it when building a new React feature, refactoring a component tree, or reviewing TSX code for consistency.

Quick Start

Ask the assistant to apply lang-tsx standards to your React component or TSX file and enforce functional components, explicit prop typing, and composition-first structure.