Enforces functional React components with typed props and naming conventions.
npx skills add https://github.com/0r0loo/my-claude-code-toolkit --skill react-0r0loo
Please help me install this Agent Skill. Skill: react Source: https://github.com/0r0loo/my-claude-code-toolkit/tree/main/.claude/skills/React Command: npx skills add https://github.com/0r0loo/my-claude-code-toolkit --skill react-0r0loo
This Skill provides a comprehensive guide and set of rules for designing and developing React components, ensuring consistency, maintainability, and adherence to best practices.
Follow the React Skill's guidelines to create a new functional component named UserProfile that accepts name and avatarUrl as props.
High-intent search queries and answers about installing and using this skill.
React functional components require explicit prop typing, single responsibility adherence, and standardized naming conventions for hooks and event handlers. This combination enforces maintainable and scalable frontend development by prohibiting anti-patterns like `any` types, inline styles, and improper `useEffect` usage.
To avoid anti-patterns when using React hooks and useEffect, enforce functional component usage and prohibit inline styles or `any` types. Proper hook design relies on standardized naming conventions and explicit prop typing to prevent improper `useEffect` usage and maintain scalable code.
Yes, this React development guide works seamlessly with TypeScript by enforcing explicit prop typing and prohibiting `any` types. It directs frontend development by applying strict typing rules to functional components, hooks, and event handlers to build robust applications.
The best way to name React components, hooks, and event handlers is to follow standardized naming conventions enforced by functional component rules. Standardized naming for utilities and callbacks ensures consistency, clear callback identification, and maintainable frontend architecture across the codebase.
You should not use inline styles or `any` types in React component design when building scalable features. These are prohibited practices that bypass explicit prop typing and degrade maintainability, leading to unmanageable codebases and unpredictable frontend rendering behavior.
JosiahSiegelProvide TypeScript patterns for React component props, events, hooks, and generics.
nattergabrielGenerate frontend interfaces with design tokens and accessibility guidance.
vallafedericoGuide styling SolidJS components with CSS Modules, Tailwind CSS, Sass/Less, and CSS-in-JS.
iptodaysStandardize Vue 3 frontend code quality and project structure.
