AI Skill StudioAI Skill Studio
Skills
Presets:

Target Standard & File Format

AI Agent Rules & Skills
Context Shields & Privacy (Ignore Files)
Integrations & Machine Documentation
AI Governance & Multi-Agent Planning Suite

Identity & Activation Rules

3 chips
Scoped domain keywords evaluated in real time
api-routescode-auditsrefactoring
Suggested Chips:

Technology Stack Context

Engineering Philosophy

Flexible & Adaptable

Architectural & Code Quality Conventions

Less rigid & configurable

Agent Behavioral Guardrails

Select active rules
Security & Trust Boundaries
Always included
  • Untrusted Content Is Data
  • Encoded Payloads
  • Least-Privilege File Access
  • Confirm Irreversible Actions
  • Secret Handling
  • Validation Failures
  • Conflicting Requests

Step-by-Step Workflow Procedures

Next.js 15 App Router GitHub Copilot Instructions

Generate .github/copilot-instructions.md repository rules for Next.js 15 App Router. GitHub Copilot adds .github/copilot-instructions.md to Copilot Chat, code review and coding agent requests in the repository. Writing down the Next.js 15 App Router conventions there means Copilot's answers and reviews follow your project's patterns instead of generic ones.

Target Path
.github/copilot-instructions.md
Execution Scope
Whole repository
Specification Format
Markdown (.md)
AI Tool Support
Copilot Chat, code review, coding agent
02 / WHY IT HELPS

What this file changes for Next.js 15 App Router

Without it

GitHub Copilot adds .github/copilot-instructions.md to Copilot Chat, code review and coding agent requests in the repository. Writing down the Next.js 15 App Router conventions there means Copilot's answers and reviews follow your project's patterns instead of generic ones.

What the file tells the agent
Enforce React Server Components (RSC) by default; restrict 'use client' strictly to interactive leaf components.
Mutate state exclusively via Server Actions with Zod safeParse validation.
Await asynchronous Next.js 15 APIs (cookies(), headers(), params, searchParams).
Avoid pages/ directory conventions or legacy getServerSideProps.
Colocate loading.tsx and error.tsx for dynamic route segments.
03 / CODE PATTERNS

Next.js 15 App Router: code to avoid and code to write instead

Avoid
"use client";
export function SaveItem() {
  const submit = async (e: any) => {
    e.preventDefault();
    await fetch("/api/items", { method: "POST", body: JSON.stringify({ title: "Test" }) });
  };
  return <button onClick={submit}>Save</button>;
}
Write instead
"use server";
import { z } from "zod";
import { db } from "@/lib/db";

const Schema = z.object({ title: z.string().min(3) });

export async function createItem(formData: FormData) {
  const parsed = Schema.safeParse(Object.fromEntries(formData));
  if (!parsed.success) return { ok: false, errors: parsed.error.flatten().fieldErrors };
  await db.item.create({ data: parsed.data });
  return { ok: true };
}
04 / REPOSITORY PLACEMENT & 3-STEP TERMINAL INSTALLATION

How to Install Next.js 15 App Router GitHub Copilot Instructions via Terminal

1

Step 1: Open Project Directory & Verify Target Placement

Open your terminal and navigate to your project root folder where the .github/copilot-instructions.md file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:

.github/copilot-instructions.md
2

Step 2: Fetch Rule File via Terminal Command

Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to .github/copilot-instructions.md:

Terminal One-Liner Install

Run directly in your project root to stream and write this rule file with one command.

Raw API Stream
$mkdir -p ".github" && curl -fsSL "https://www.devscratchpad.tech/api/raw/copilot-instructions/nextjs-15" -o ".github/copilot-instructions.md"
3

Step 3: Check that Copilot Chat, code review, coding agent uses it

Copilot Chat, Copilot code review and the coding agent add the file to requests in this repository. It does not change completions as you type.

05 / ROUTE DIRECTORY & CROSS-TOOLING
Format Pillar Hub

GitHub Copilot instructions generator: .github/copilot-instructions.md

GitHub Copilot Instructions: how it works, where the file goes, and every Copilot preset.

/copilot-instructions Directory
06 / RELATED DEVELOPER TOOLS

Tools for Next.js 15 App Router work

Browser-based utilities to test, format and inspect the code your AI tool writes. Nothing you paste is uploaded.

View all 28 tools

Live Repository & Schema Ingestion

Inspect any public or private GitHub repository, or paste SQL DDL and Prisma models directly in AI Skill Studio to auto-generate authentic rules. Zero server transmission.

Launch AI Skill Studio

Migrating from Legacy .cursorrules or CLAUDE.md?

Use the free, in-browser converter to turn one long rules file into Cursor .mdc, Claude SKILL.md or Windsurf rules.

Convert Rules Free
07 / FREQUENTLY ASKED QUESTIONS

Technical FAQ: Next.js 15 App Router AI Rulebooks

Where should this Copilot instruction file be stored?

Save it as .github/copilot-instructions.md in your repository. Copilot Chat, Copilot code review and the Copilot coding agent use it; completions as you type do not.

Does this apply to all team members?

Yes. Once the file is on the default branch, Copilot uses it for everyone working in the repository.