Skills
.Work. You
Rest

Frontend Development Guidelines

Community

Clear, scalable React frontend patterns.

Software Engineering#suspense#frontend#react#routing#patterns#lazy-loading
AuthorHao-Nguyen2712
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Aligns teams on best practices for building maintainable, scalable frontends with modern React patterns, reducing architectural drift and onboarding time.

Core Features & Use Cases

  • Suspense-based data fetching and lazy loading to improve UX and performance
  • Clear file organization with features/ vs components/ to separate domain logic from UI
  • Standardized routing, styling, and performance guidelines using TanStack Router and MUI
  • Centralized API service patterns and type-safe contracts to simplify data access and mutations

Quick Start

Use the Frontend Development Guidelines to align your team on modern React frontend patterns and start refactoring components toward Suspense-based data fetching and modular structure.

Dependency Matrix

Required Modules

None required

Components

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 Development Guidelines
Download link: https://github.com/Hao-Nguyen2712/TripEnjoy-Solution/archive/main.zip#frontend-development-guidelines

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.