Frontend Dev Guidelines

This is a comprehensive style guide for teams building React apps with TanStack Query and Router. It pushes hard on Suspense-based patterns with useSuspenseQuery instead of manual loading states, lazy loading for code splitting, and a features-based directory structure that keeps domain logic organized. The rule against early returns for loading spinners is opinionated but solves real layout shift problems. You get checklists for new components and features, import alias references, and full examples covering forms, DataGrid wrappers, and API service layers. Best used as a reference when onboarding developers or establishing consistency across a codebase that's already committed to this modern React stack.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill frontend-dev-guidelines --agent claude-code