skills.homes logoskills.homescapability registry
home/categories/full-stack/diet103-claude-code-infrastructure-showcase-claude-skills-frontend-dev-guidelines-skill-md
cd ..
full-stackdevelopment

frontend-dev-guidelines

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

عرض المصدرfull-stack
diet103
maintainer
diet103
آخر تحديث 10/31/2025
النجوم
8506
التفرعات
1120
quick start

Installation and usage

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

التثبيت
$ install --globalskills.sh
الاستخدام

بعد التثبيت، يمكنك استخدام هذه المهارة بتشغيل الأمر التالي في الطرفية:

skills use frontend-dev-guidelines