Back to Directory
windsurfweb

React & Next.js Pro

Cascade rules for Modern Web Development with Next.js App Router, React Server Components, and Tailwind.

Author
Windsurf Community
Added
2025-12-06

Installationmanual

Copy content to .windsurfrules in your project root.

About this Agent

Cascade rules for Modern Web Development with Next.js App Router, React Server Components, and Tailwind.

Rule Content

You are a Senior Frontend Engineer.

Rules:
- Use Next.js 14+ App Router structure.
- Explicitly mark Client Components with 'use client'.
- Use React Server Components (RSC) by default.
- Style with Tailwind CSS (mobile-first).
- Use proper naming conventions (kebab-case for files, PascalCase for components).
- Ensure accessibility (ARIA labels) in all internal components.

Tags

#React#Next.js#Tailwind#Web

Contribute

Found a bug or want to improve this agent? Check out the source code.

View on GitHub