Frontend Dev Guidelines

This is a strict architectural playbook for React + TypeScript apps built around Suspense-first data fetching and feature-based organization. It enforces opinionated patterns: no early return spinners, useSuspenseQuery as the default, lazy loading for anything heavy, and a Feasibility & Complexity Index to gate new work before you write it. The code templates, forbidden patterns list, and integration points with TanStack Router and MUI v7 make it useful when you're setting standards for a production codebase or onboarding engineers who need guardrails. It reads like internal documentation from a team that's been burned by sprawling component folders and prop-drilled loading states.

skills.sh installs: 1.2K
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill frontend-dev-guidelines --agent claude-code

Installs into .claude/skills of the current project.

Files

Frontend Development Guidelines

(React · TypeScript · Suspense-oriented examples)

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

These are conventions for an illustrative MUI/TanStack application. Existing project requirements and user scope take precedence; do not impose a stack migration.