hapo:frontend-development
OfficialEffortless React/TypeScript frontend development with best practices.
Authorhaposoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of building modern React/TypeScript frontends, providing a comprehensive guide and best practices for efficient development.
Core Features & Use Cases
- Modern Patterns: Follows best practices for modern React development, including Suspense-based data fetching, lazy loading, and TypeScript usage.
- Component Development: Offers guidelines for creating efficient and maintainable components.
- Data Fetching: Integrates with TanStack Query for efficient data fetching and caching.
- Routing: Utilizes TanStack Router for seamless routing and navigation.
- Performance Optimization: Includes tips for optimizing frontend performance and scalability.
- Use Case: Ideal for developers looking to build React/TypeScript applications with best practices, saving time and effort.
Quick Start
Create a new React/TypeScript component by following the guidelines in the hapo:frontend-development skill.
Dependency Matrix
Required Modules
reacttypescripttanstack/querytanstack/router
Components
scriptsreferences
💻 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: hapo:frontend-development Download link: https://github.com/haposoft/cafekit/archive/main.zip#hapo-frontend-development Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.