Standardize React and JSX code quality with functional components and hook rules.
npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-jsx
Please help me install this Agent Skill. Skill: lang-jsx Source: https://github.com/dragoscirjan/opencode-config/tree/main/skills/lang-jsx Command: npx skills add https://github.com/dragoscirjan/opencode-config --skill lang-jsx
This Skill helps teams write consistent, maintainable React and JSX code by turning common front-end conventions into clear, reusable rules.
Apply the lang-jsx skill to review or draft React and JSX code that follows these standards.
High-intent search queries and answers about installing and using this skill.
React hook usage requires rules-of-hooks compliance to prevent runtime errors. This Skill reinforces correct hook usage, stable keys for list rendering, and practical memoization only when needed.
Ensure stable unique keys when rendering lists in React by applying standardized JSX conventions. This Skill mandates stable unique keys for reliable rendering and composition-first architecture.
Yes, you can use this Skill for refactoring existing React screens in TypeScript projects. It applies to component authoring, hook usage, testing, and refactoring in JavaScript and TypeScript environments.
The best way to align a team on shared JSX patterns is to standardize React code quality. This Skill turns common front-end conventions into clear, reusable rules for component standards and hook guidance.
You should not use memoization in functional React components unless specifically needed. This Skill provides hook and render guidance that encourages practical use of memoization only when necessary for performance.
zhangyu1818Configure ESLint for JavaScript/TypeScript projects with detected presets.
suwandreEnforce stable, unique keys for React list items during reconciliation.
ianyimiEnforce coding standards for the global tech stack in Claude Code.
monch1962Provides reusable React and Next.js frontend patterns for UI architecture.
