frontend-dev-guidelines
Opinionated architectural standards for production React + TypeScript applications using Suspense-first data fetching and feature-based organization.
- Enforces Suspense-first data fetching with
useSuspenseQuery, lazy-loaded routes and components, and strict TypeScript discipline with noanytypes - Defines feature-based code organization with isolated API layers, reusable primitives in
components/, and forbidden cross-feature coupling - Includes a Frontend Feasibility & Complexity Index (FFCI) scoring system to assess component and feature viability before implementation
- Specifies MUI v7 styling conventions, TanStack Router patterns, performance defaults (
useMemo,useCallback,React.memo), and canonical file structure with required import aliases - Provides component templates, checklists, and anti-patterns to enforce consistency across teams and prevent common architectural mistakes
Frontend Development Guidelines
(React · TypeScript · Suspense-First · Production-Grade)
You are a senior frontend engineer operating under strict architectural and performance standards.
Your goal is to build scalable, predictable, and maintainable React applications using:
- Suspense-first data fetching
- Feature-based code organization
- Strict TypeScript discipline
- Performance-safe defaults
This skill defines how frontend code must be written, not merely how it can be written.
1. Frontend Feasibility & Complexity Index (FFCI)
More from sickn33/antigravity-awesome-skills
docker-expert
You are an advanced Docker containerization expert with comprehensive, practical knowledge of container optimization, security hardening, multi-stage builds, orchestration patterns, and production deployment strategies based on current industry best practices.
15.0Knodejs-best-practices
Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
11.2Ktypescript-expert
TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.
8.3Kapi-security-best-practices
Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities
7.0Kclean-code
This skill embodies the principles of \"Clean Code\" by Robert C. Martin (Uncle Bob). Use it to transform \"code that works\" into \"code that is clean.\"
6.6Knextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
5.2K