frontend/typescript-rules
CommunityDevelop type-safe React applications, eliminate runtime errors.
Software Engineering#type safety#typescript#react#error handling#frontend development#component design
Authorshinpr
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates type-related bugs in frontend development by enforcing strict TypeScript rules, component design patterns, and error handling standards.
Core Features & Use Cases
- Props-Driven Development: Design components with clear interfaces and proper type definitions.
Quick Start
Use this Skill to create a new React component with proper type safety, function components, and custom hooks for logic reuse.
Core Features & Use Cases
- Error Boundary Implementation: Handle React component errors gracefully with proper fallback UI and structured error handling.
Core Features & Use Cases
- Frontend Type Safety: Use unknown type with type guards for external input validation.
Quick Start
Implement a user authentication form with proper error handling and type-safe event handlers.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend/typescript-rules Download link: https://github.com/shinpr/ai-coding-project-boilerplate/archive/main.zip#frontend-typescript-rules Please download this .zip file, extract it, and install it in the .claude/skills/ directory.