Typescript React Patterns
asyrafhussin/agent-skills/skills/typescript-react-patternsby asyrafhussin1aa0ff717c10MIT86 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 6 weeks ago
TypeScript best practices for React development. Use when writing typed React components, hooks, events, refs, or generic components. Triggers on tasks involving TypeScript errors, type definitions, props typing, or type-safe React patterns.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| AGENTS.md | 149 KB | text/markdown |
| metadata.json | 1.4 KB | application/json |
| README.md | 1.7 KB | text/markdown |
| rules/comp-children-types.md | 3.5 KB | text/markdown |
| rules/comp-default-props.md | 5.4 KB | text/markdown |
| rules/comp-display-name.md | 4.4 KB | text/markdown |
| rules/comp-fc-vs-function.md | 2.7 KB | text/markdown |
| rules/comp-forward-ref.md | 5.1 KB | text/markdown |
| rules/comp-polymorphic.md | 4.7 KB | text/markdown |
| rules/comp-props-interface.md | 3.2 KB | text/markdown |
| rules/comp-rest-props.md | 4.9 KB | text/markdown |
| rules/ctx-create.md | 5 KB | text/markdown |
| rules/ctx-provider.md | 3.9 KB | text/markdown |
| rules/ctx-reducer.md | 4.9 KB | text/markdown |
| rules/event-click-handler.md | 4.5 KB | text/markdown |
| rules/event-form.md | 3.7 KB | text/markdown |
| rules/event-handler-types.md | 3.9 KB | text/markdown |
| rules/event-keyboard.md | 3.6 KB | text/markdown |
| rules/generic-constraints.md | 4 KB | text/markdown |
| rules/generic-list.md | 4.4 KB | text/markdown |
| rules/generic-select.md | 3.8 KB | text/markdown |
| rules/generic-table.md | 3.7 KB | text/markdown |
| rules/hook-custom-hooks.md | 7.2 KB | text/markdown |
| rules/hook-generic-hooks.md | 9.4 KB | text/markdown |
| rules/hook-use-callback.md | 5.2 KB | text/markdown |
| rules/hook-use-context.md | 6.1 KB | text/markdown |
| rules/hook-use-memo.md | 6.4 KB | text/markdown |
| rules/hook-use-reducer.md | 7.1 KB | text/markdown |
| rules/hook-useref.md | 4.3 KB | text/markdown |
| rules/hook-usestate.md | 3.9 KB | text/markdown |
| rules/ref-callback.md | 3.3 KB | text/markdown |
| rules/ref-dom-elements.md | 3.6 KB | text/markdown |
| rules/ref-imperative-handle.md | 3.7 KB | text/markdown |
| rules/_sections.md | 2 KB | text/markdown |
| rules/_template.md | 2.3 KB | text/markdown |
| rules/util-component-props.md | 3.8 KB | text/markdown |
| rules/util-discriminated-unions.md | 5 KB | text/markdown |
| rules/util-pick-omit.md | 4.1 KB | text/markdown |
| SKILL.md | 5 KB | text/markdown |
Source and attribution
Source:asyrafhussin/agent-skillsinskills/typescript-react-patternsat commit1aa0ff7
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from asyrafhussin/agent-skills
Web Design Guidelines
asyrafhussin
Audits web UI code for WCAG accessibility, form usability, motion and performance best practices.
Tailwind Best Practices
asyrafhussin
Provides Tailwind CSS v3.4 and v4 patterns for responsive design, dark mode, components, config, and migration.
State Management
asyrafhussin
Reference patterns for React Query v5 and Zustand v5 state management, covering data fetching, caching, mutations and client stores.
Prd Writing
asyrafhussin
Guides an agent through a six-step workflow for writing Product Requirements Documents.
Php Best Practices
asyrafhussin
Reference rules for reviewing PHP 8.x code against type safety, PSR standards, SOLID principles, error handling, performance and security.
Laravel Testing
asyrafhussin
Guidance for writing Laravel 13 tests with Pest PHP 4 or PHPUnit 12, covering HTTP, factories, database assertions, fakes and auth.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.