Frontend Development Rules v24.7.0
On-demand rules for frontend development. Read relevant reference files based on your current task.
Quick Reference
| Topic | Reference File |
|---|---|
| Next.js 16.1 Core | frontend/nextjs.md |
| Next.js Caching (use cache) | frontend/nextjs-caching.md |
| React 19 (Compiler, Hooks) | frontend/react19.md |
| React Performance | frontend/react-performance.md |
| Tailwind v4 Core | frontend/tailwind-v4.md |
| Tailwind v4.1 Features | frontend/tailwind-v41.md |
| State & Forms (Zustand, RHF) | frontend/state-forms.md |
| Design System & Animation | frontend/design-system.md |
| Performance & Assets | frontend/performance.md |
| Accessibility (WCAG AAA) | frontend/accessibility.md |
| Accessibility (Deep) | Use /a11y skill for deep accessibility work |
| SEO & Metadata | frontend/seo.md |
Usage
When working on frontend code, read nextjs.md and react19.md for core patterns. Add tailwind-v4.md for styling tasks. Read state-forms.md for form/state work.