Next.js Full-Stack Development Rules
Best practices for App Router, Server Actions, and strict TypeScript.
Browse practical AI coding assets for Cursor, Windsurf, Claude Code, GitHub Copilot, Codex and MCP workflows. Find reusable rules, roles, skills, hooks and workflows for building, debugging, reviewing, refactoring, testing and deploying software with AI.
Curated prompts developers copy most often — roles, skills, hooks and workflows.
Filter copy-ready assets for your AI coding agent.
Rules for standards, roles for persona, skills for tasks, hooks for quick prompts.
Jump to assets for common developer workflows.
Browse by tool, asset type, category, framework, or goal — or pick a popular template above.
Open any asset and click Copy to grab the full rule, role, skill, or hook text.
Use in Cursor, Windsurf, Claude Code, GitHub Copilot, Codex, or MCP — adapt as needed for your workflow.
Short prompts you can paste into Cursor, Windsurf or Claude Code before starting a task.
Filter by tool, asset type, category, and framework to find the right rules, roles, skills, hooks, workflows, or MCP configs.
Best practices for App Router, Server Actions, and strict TypeScript.
Ethical, robust, and maintainable Python data collection and parsing.
Row Level Security, Edge Functions, and Postgres best practices.
Modern UI design systems, motion, and accessibility guidelines.
Expo workflows, cross-platform components, and native module integration.
RESTful design, error handling, and high-performance Go backend patterns.
Memory safety, concurrency, and Cargo ecosystem best practices.
PyTorch workflows, data pipelines, and model deployment patterns.
Async routes, Pydantic validation, and OpenAPI documentation for Python APIs.
Composition API, Nuxt 3 SSR, and Pinia state management patterns.
Multi-stage builds, image optimization, and docker-compose local development.
Strict typing, generic constraints, and maintainable TypeScript codebases.
Build Model Context Protocol servers with typed tools, resources, and secure transport.
Guide Cursor Agent behavior, Skills usage, and safe autonomous coding workflows.
Retrieval-augmented generation pipelines, chunking, embeddings, and evaluation.
Streaming chat UIs, tool calling, and server-side AI routes with Vercel AI SDK.
Reliable end-to-end tests with Playwright — selectors, fixtures, and CI patterns.
Fast unit and component tests with Vitest, mocks, and coverage targets.
Modern React patterns — hooks, composition, performance, and accessible components.
Schema design, migrations, typed queries, and Prisma Client best practices.
REST APIs with Express — middleware, validation, error handling, and structure.
Django 5 patterns — models, views, DRF APIs, and secure deployment.
Reusable workflows, caching, matrix builds, and secure CI pipelines.
Authentication with Auth.js — providers, sessions, middleware, and RBAC.
Runtime validation, inferred types, and API boundary schemas with Zod.
SvelteKit routing, load functions, forms, and progressive enhancement.
Schema design, indexing, queries, migrations, and Postgres-specific features.
K8s manifests, Helm, health probes, resources limits, and GitOps.
Lint and format setup — flat config, CI integration, and team conventions.
Monorepo structure, turbo pipelines, shared packages, and caching.
Accessible UI components with shadcn/ui, Radix primitives, and Tailwind.
Effective system prompts, few-shot examples, and structured outputs for LLMs.
Rules for building clean, scalable Next.js App Router projects with TypeScript, server components, API routes, and reusable architecture.
Rules for writing maintainable React components with TypeScript, clear props, reusable hooks, and clean component structure.
Rules for building modern UI using Tailwind CSS and shadcn/ui while keeping components clean, accessible, and consistent.
Rules for building secure Supabase apps with authentication, row level security, policies, and safe database access.
Rules for building and deploying lightweight apps on Cloudflare Workers and Pages with edge-first architecture.
Rules for creating clean Expo React Native apps with reusable screens, navigation, state management, and mobile-friendly structure.
Rules for building clean FastAPI backends with typed routes, Pydantic models, validation, services, and error handling.
Rules for asking AI coding agents to review code for bugs, security risks, maintainability, performance, and edge cases.
A senior engineering role prompt for building production-ready full-stack features with clear planning, clean architecture, and safe implementation.
A Next.js architecture role for App Router, server components, API routes, and production-ready structure.
A frontend role for building clean, reusable, accessible React UI.
A TypeScript role for safer types, better interfaces, and fewer runtime errors.
A code review role for finding bugs, maintainability issues, security risks, and edge cases.
A debugging role that focuses on root cause analysis before changing code.
A security role for authentication, authorization, validation, secrets, and data exposure.
A product-focused engineering role for building SaaS MVP features quickly and safely.
A DevOps role for preparing projects for deployment.
A testing role for unit tests, integration tests, and E2E coverage.
Build a simple SaaS MVP with authentication, dashboard, database, and clean structure.
Debug a problem systematically instead of making random changes.
Review a PR like a senior engineer.
Refactor old code safely without changing behavior.
Generate useful unit tests for important business logic.
Add browser tests for core user journeys.
Improve the interface so it looks like a modern SaaS product.
Improve frontend or full-stack performance safely.
Review and improve authentication and authorization logic.
Generate clear project documentation.
A short hook that forces planning before implementation.
A debugging hook that prevents random code changes.
A safe refactoring hook.
A code review hook.
A hook for feature development.
A hook for practical testing.
A hook for understanding a new project.
A hook for UI polish.
A hook for security review.
A hook for production readiness.
Step-by-step workflow for setting up a Model Context Protocol server and connecting it to AI coding agents.
A practical MCP configuration concept for connecting an AI coding agent to GitHub repositories, issues, pull requests, and code review workflows.
A filesystem MCP setup concept for giving an AI coding agent structured access to local project files.
A browser MCP setup concept for web inspection, UI testing, debugging, and browser-based workflows.
A database MCP setup concept for helping AI agents understand schemas, queries, migrations, and data relationships.
A Figma MCP setup concept for connecting design context to frontend implementation.
A Claude Code role for safely refactoring existing projects without changing behavior.
A short Claude Code hook for root-cause debugging.
A Claude Code skill for understanding a new or unfamiliar codebase.
A GitHub Copilot prompt for reviewing pull requests clearly and practically.
A GitHub Copilot prompt for generating practical tests around risky code.
A workflow prompt for turning a GitHub issue into an implementation plan.
A Windsurf skill for using Cascade to debug issues step by step before changing code.
A Windsurf skill for improving frontend UI quality, spacing, responsiveness, and component consistency.
A Windsurf skill for safely refactoring existing code without changing behavior.
A Codex hook for planning implementation before writing code.
A Codex skill for generating practical tests around important or risky code.
A Codex role for reviewing code quality, correctness, maintainability, and risk.
A Codex skill for creating useful developer documentation.
A Codex workflow for checking whether a project is ready to build and deploy.
Production-ready Cursor rules for Next.js App Router, server components, and TypeScript. Copy templates for full-stack features, API routes, and performance best practices.
Reusable React frontend rules and roles for components, hooks, and accessible UI. Ideal for teams standardizing AI-assisted React development.
TypeScript rules and expert roles for stricter types, clearer interfaces, and fewer runtime errors across frontend and backend codebases.
Senior reviewer roles, PR review skills, and one-line hooks for catching bugs, security risks, and maintainability issues before merge.
Debugging expert roles and step-by-step skills that force root cause analysis before code changes — fewer random fixes, faster resolution.
Safe refactoring skills and hooks for legacy cleanup without behavior changes. Works with Cursor, Windsurf, and Claude Code workflows.
E2E testing rules, automation engineer roles, and Playwright skills for stable browser tests and CI-ready user journey coverage.
GitHub, filesystem, browser, database and Figma MCP configuration concepts for connecting AI coding agents to external tools and project context.
Copy-ready Claude Code roles, skills and hooks for refactoring, debugging, codebase explanation and safe AI-assisted development workflows.
PR review prompts, test generation skills and issue-to-code workflows for GitHub Copilot Chat and copilot-instructions.md.
Short pre-task hooks for planning, debugging, refactoring, security audits and deployment prep — paste before starting any coding session.
Browse Cursor rules, roles, skills, hooks and workflows for Agent and Chat — from Next.js and React to testing, DevOps and security.
Cascade-ready Windsurf skills, rules and workflows for full-stack, backend, testing and AI agent development.
Model Context Protocol setup workflows and MCP server rules for connecting tools, resources, and agents in Cursor and other AI coding environments.
Put project rules in .cursor/rules/ at your repo root. Use .mdc files (recommended) or Markdown — for example .cursor/rules/*.mdc. Cursor applies them automatically in Agent and Chat. See our Cursor Agent & Skills rules for workflow tips.
For workspace rules, create Markdown files under .devin/rules/*.md (preferred) or legacy .windsurf/rules/*.md at your repo root. Legacy .windsurfrules files are still read. You can also manage rules from Cascade Customizations → Rules.
AGENTS.md is another supported project instruction format — a repo-level brief describing architecture, commands, and workflow. It complements tool-specific rules files; use both when your project needs a high-level map plus detailed coding standards.
Find an asset in the directory, open its detail page, click Copy (the button label matches the asset type — Rule, Role, Skill, Hook, Workflow, or MCP Config), then paste into your editor. Each asset has a permanent URL you can bookmark or share (e.g. /rules/fastapi-backend).
Yes. Assets are starting templates — remove sections you do not need, add project-specific conventions, and keep total length reasonable so you do not overrun the AI context window.
Yes. Assets on this site are original templates or properly attributed community submissions. Most are MIT-licensed unless noted otherwise on the detail page. Check the License line on each card or detail page.
Visit Submit an AI Coding Asset for guidelines, then send your asset by email.
Assets on AI Agent Dock are original templates or properly attributed community submissions. Most assets are MIT-licensed unless noted otherwise on the detail page. See About for attribution details.