tkm:build-frontend
CommunityBuild modern React/TypeScript frontends with efficiency and best practices.
Software Engineering#React#TypeScript#performance optimization#frontend development#lazy loading#code splitting#TanStack Router
Authorkhapn-2933
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers streamline the process of building modern React/TypeScript frontends, addressing common challenges like component development, performance optimization, and routing.
Core Features & Use Cases
- Component Development: Provides guidelines for building efficient and reusable React components with TypeScript.
- Performance Optimization: Offers strategies for improving frontend performance, including lazy loading and code splitting.
- Routing: Guides on setting up and managing routes with TanStack Router.
- Use Case: If you're building a new web application and need to create components, fetch data, and manage navigation, this Skill provides the framework and best practices to help you achieve that efficiently.
Quick Start
Use the tkm:build-frontend skill to generate a new component for your application with the following command: build-frontend component myComponentName.
Dependency Matrix
Required Modules
reacttypescript@mui/material@tanstack/react-query@tanstack/react-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: tkm:build-frontend Download link: https://github.com/khapn-2933/agentic-coding-hands-on/archive/main.zip#tkm-build-frontend 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.