Standardize React and TSX component structure, typing, and architecture.
npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-tsx
Please help me install this Agent Skill. Skill: lang-tsx Source: https://github.com/dragoscirjan/opencode-config/tree/main/skills/lang-tsx Command: npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-tsx
This skill prevents inconsistent React and TSX patterns by giving you a clear, opinionated standard for component structure, typing, and architecture.
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.
High-intent search queries and answers about installing and using this skill.
To standardize React and TSX code, enforce functional components, explicit prop typing, and composition-first architecture, aligning with linting and formatting guidance for maintainable frontend codebases.
The best way to type React hooks in TypeScript is using careful hook annotations when inference is not enough, ensuring explicit typing for complex state and effect dependencies in TSX codebases.
Yes, this approach works with eslint-plugin-react and typescript-eslint by aligning frontend standards with common TypeScript and React tooling like Prettier to enforce consistent formatting and linting rules.
To enforce explicit prop typing in functional React components, apply strict typing discipline by defining explicit prop interfaces, avoiding implicit any types, and using careful annotations for complex component structures.
You should use composition over prop drilling in React applications when building new features or refactoring component trees, adopting a composition-first structure to prevent inconsistent patterns and maintain predictable frontend architecture.
zenbuappsInitialize a React integration test scaffold with Vitest, React Testing Library, and MSW.
tomsoulage-dedalusFormat and lint TypeScript, HTML, and SCSS files with Prettier and ESLint.
zinohomeGenerate React and Vue component skeletons with TypeScript types, tests, and Storybook stories.
markus41Develop React functional components, custom hooks, and context providers with React Query and react-hook-form.
