Enforce consistent React and TypeScript patterns for components and hooks.
npx skills add https://github.com/carlos-algms/dotfiles --skill react-carlos-algms
Please help me install this Agent Skill. Skill: react Source: https://github.com/carlos-algms/dotfiles/tree/main/AI-configs/skills/react Command: npx skills add https://github.com/carlos-algms/dotfiles --skill react-carlos-algms
This Skill prevents inconsistent React/TypeScript patterns by enforcing a practical set of rules for components and hooks, so your code stays predictable and maintainable.
useState generic usage, sensible useCallback rules, and safe async logic patterns inside hooks.Use the react Skill to generate a TypeScript React component that follows the project's import, component, hook, and accessibility rules.
High-intent search queries and answers about installing and using this skill.
To enforce consistent React and TypeScript patterns, use rules requiring functional components, avoiding default React imports, and restricting the React.* namespace. This keeps component code predictable and maintainable across your project.
Writing type-safe custom hooks requires correct useState generic usage, sensible useCallback rules, and safe async logic patterns. Named functions should handle complex asynchronous operations for readable, type-safe hook implementations.
You do not need forwardRef for every functional component. Apply forwardRef conventions selectively when components require ref forwarding, while avoiding unnecessary return type annotations to maintain readable code.
Avoid unnecessary return type annotations in React components by letting TypeScript infer return types for functional components. This improves readability while maintaining type safety through proper generic usage and hook patterns.
Default React imports are not used with this consistency approach. Components must use functional patterns without default imports or the React.* namespace, keeping imports and types tidy throughout the codebase.
virajpStandardize TypeScript compiler configuration layouts for single packages and pnpm monorepos.
krzemienskiEnforce sequential compile, lint, type-check, and bundle gates before deployment.
bacchus-labsGenerate AI-ready metadata from TypeScript/JSX component files.
Andrej1601Create reusable UI components across React, Vue, and Svelte.