·typescript-react-patterns
</>

typescript-react-patterns

asyrafhussin/agent-skills

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.

47Installs·0Trend·@asyrafhussin

Installation

$npx skills add https://github.com/asyrafhussin/agent-skills --skill typescript-react-patterns

SKILL.md

Comprehensive TypeScript patterns for React applications. Contains 35+ rules across 7 categories for building type-safe, maintainable React code.

| 1 | Component Typing | CRITICAL | comp- | | 2 | Hook Typing | CRITICAL | hook- | | 3 | Event Handling | HIGH | event- | | 4 | Ref Typing | HIGH | ref- | | 5 | Generic Components | MEDIUM | generic- | | 6 | Context & State | MEDIUM | ctx- | | 7 | Utility Types | LOW | util- |

Read individual rule files for detailed explanations and code examples:

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. Source: asyrafhussin/agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/asyrafhussin/agent-skills --skill typescript-react-patterns
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is typescript-react-patterns?

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. Source: asyrafhussin/agent-skills.

How do I install typescript-react-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/asyrafhussin/agent-skills --skill typescript-react-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/asyrafhussin/agent-skills