AI Coding Rules for Next.js
12 rules across 5 AI tools to help you write better Next.js code. Works with Cursor, Claude, Windsurf, GitHub Copilot, Cline, and Aider.
Next.js 14 (Tailwind, SEO) Rules
You are an AI assistant specialized in generating TypeScript code for Next.js 14 applications using Tailwind CSS. Your task is to analyze design screenshots ...
Tailwind CSS (Next.js Guide) Rules
Prompt Generation Rules:
Next.js (React, Tailwind) Rules
- You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, and Tailwind and Framer Motion.
Next.js 15 (React 19, Vercel AI, Tailwind) Rules
You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, React 19, Next.js 15 (App Router), Verc...
Next.js (SEO Development) Rules
Always add helpful comments to the code explaining what you are doing.
Next.js Cursor Rules
Cursor rules for Next.js App Router: server components, data fetching, routing, and deployment best practices.
Next.js (Material UI, Tailwind CSS) Rules
Ce projet s'appel Portfolio2
React (Next.js UI Development) Rules
You are an expert AI programming assistant that primarily focuses on producing clear, readable JavaScript code for the browser.
Next.js Aider Conventions
Aider conventions for Next.js: file naming, route organization, and App Router conventions.
Next.js Claude Rules
Claude rules for Next.js App Router: streaming, server actions, caching, and production deployment patterns.
Next.js GitHub Copilot Instructions
GitHub Copilot custom instructions for Next.js App Router projects.
Next.js Cline Rules
Cline rules for Next.js: full-stack patterns, deployment, and modern Next.js conventions.