Skip to main content
frontend

frontend-dev-guidelines

1.0k starsUpdated 2025-12-28
Compatible with:claudecodex

Description

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery.

How to Use

  1. Visit the GitHub repository to get the SKILL.md file
  2. Copy the file to your project root or .cursor/rules directory
  3. Restart your AI assistant or editor to apply the new skill

Full Skill Documentation

name

frontend-dev-guidelines

description

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.

Tags

#frontend#dev#guidelines

About frontend-dev-guidelines

frontend-dev-guidelines is an AI skill in the frontend category, designed to help developers and users work more effectively with AI tools. Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery.

This skill has earned 1,000 stars on GitHub, reflecting strong community adoption and trust. It is compatible with claude, codex.

Key Capabilities

frontend
dev
guidelines

Why Use frontend-dev-guidelines

Adding frontend-dev-guidelines to your AI workflow can significantly enhance your productivity in frontend tasks. With pre-defined prompt templates and best practices, this skill helps AI assistants better understand your requirements and deliver more accurate responses.

Whether you use claude or codex, you can easily integrate this skill into your existing development environment.

Explore More frontend Skills

Discover more AI skills in the frontend category to build a comprehensive AI skill stack.