frontend-dev-guidelines

Provide React/TypeScript frontend development guidelines for architecture alignment.

18|Updated Sep 23, 2025

Search Tags:#React #frontend #routing #TypeScript #Suspense

One-click install

npx skills add https://github.com/CongDon1207/AGENTS.md --skill frontend-dev-guidelines-congdon1207

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-dev-guidelines
Source: https://github.com/CongDon1207/AGENTS.md/tree/main/.codex/skills/frontend-development
Command: npx skills add https://github.com/CongDon1207/AGENTS.md --skill frontend-dev-guidelines-congdon1207

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidelines for modern React/TypeScript frontend development, including Suspense-based data fetching, routing, performance, and file organization.

Core Features & Use Cases

Best practices for component structure and data-fetching with useSuspenseQuery
Patterns for lazy loading, routing, and styling with MUI v7
Performance optimization tips and TypeScript standards
Guidelines to organize features, types, and API layers

Quick Start

Use these guidelines when starting a new React/TypeScript feature to ensure alignment with architecture patterns.