skills.rest
binhmuc
binhmucCOMMUNITY
Explore all skills by this author →
GitHub

frontend-dev-guidelines

Provide React/TypeScript frontend guidelines for components, pages, and features.

22|3|Updated Dec 29, 2025
Search Tags:#typescript#performance#suspense#frontend#react#routing#lazy-loading
One-click install
npx skills add https://github.com/binhmuc/autobot-review --skill frontend-dev-guidelines-binhmuc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev-guidelines
Source: https://github.com/binhmuc/autobot-review/tree/main/.claude/skills/frontend-development
Command: npx skills add https://github.com/binhmuc/autobot-review --skill frontend-dev-guidelines-binhmuc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often juggle many patterns and conventions across React/TypeScript apps. This Skill consolidates modern frontend guidelines to reduce cognitive load and speed up delivery.

Core Features & Use Cases

  • Modern patterns: Suspense-based data fetching, lazy loading, useSuspenseQuery, TanStack Router routing.
  • Code organization: Features directory structure, clear module boundaries, and clean styling with MUI v7.
  • Performance & TS: Performance optimizations, TypeScript best practices, and maintainable abstractions.
  • Use Case: When starting a new React component, page, or feature, this Skill provides a ready-to-follow blueprint, saving time and reducing guesswork.

Quick Start

Create a new component following this Skill's guidelines, implementing Suspense boundaries, lazy loading, and data fetching with useSuspenseQuery.