Pack 319 · Developer stacks · 14 items
Next.js & React Developer Pack
12 prompts + 2 skills for next.js and React developers — real jobs from the week, with the steps, rules and output an expert would ask for. 7 written for this work, 7 more from the library.
€4one-time · 14 prompts & skills · ≈ €0.29 each
- Instant download
- Yours to keep
- Works in ChatGPT, Claude, Gemini
What's inside
Made for next.js and React developers
6 prompts + 1 skill- PromptNext.js App Router Route and Layout Structure Plan
Designs the folder structure of a Next.js App Router app — route groups, layouts, loading and error boundaries, server and client components — from a feature list, before any code is written.
- PromptReact Server/Client Component Boundary Refactor
Takes a component tree that ships too much JavaScript and moves the 'use client' boundary down — keeping interactivity, cutting bundle size, and never leaking server-only code.
- PromptNext.js Caching and Revalidation Audit
Audits how every route and fetch in a Next.js app is cached — stale pages, accidental per-request rendering, missing revalidation — and gives a fix per route.
- PromptReact Form With Server Action, Validation and Error States
Builds a production-ready form: schema validation shared by client and server, a server action or API route, pending and error states, accessibility and spam protection.
- PromptCore Web Vitals Fix Plan — LCP, INP and CLS on a React Site
Turns field data and a trace into a ranked fix list for slow loading (LCP), slow interactions (INP) and layout shift (CLS) on a React or Next.js site.
- PromptReact Component Accessibility Review — Keyboard, Screen Reader, Focus
Reviews custom React components (menus, dialogs, tabs, comboboxes) for keyboard support, ARIA roles, focus management and contrast, with fixed code for each issue.
- SkillNext.js and React Senior Pair Programmer
A standing senior pair for Next.js and React work: architecture, server/client boundaries, caching, forms, performance and accessibility — version-aware, minimal diffs, tests included.
Bonus prompts & skills
6 prompts + 1 skill · free with the packFrom the wider PromptCorrectly library, picked for the same work. They come in the same .zip and the start file tells your AI when to use each one.
- SkillDockerfile And Image Optimizer
Builds small, secure, fast-building container images with multi-stage builds and minimal attack surface.
Library · Free account - PromptStaff-Engineer Code Review
Reviews a PR like a senior who optimizes for the next reader, not style nits.
Library · Free - PromptCommit-Ready Review Checklist Pass
Runs a structured pre-commit checklist across correctness, tests, security, and docs and returns a go/no-go decision.
Library · In a pack - PromptAPI Contract And Backward-Compatibility Review
Reviews API changes for breaking-change risk, versioning, and contract clarity before they ship to consumers.
Library · In a pack - PromptUX Critique — First 90 Seconds
Walk through an onboarding flow. Flag friction with severity ratings.
Library · Free - PromptSTRIDE Threat Model For A New Service
Builds a structured STRIDE threat model for a system with trust boundaries, ranked threats, and concrete mitigations.
Library · Free - PromptCode-Writing Agent Plan-Then-Execute Protocol
Governs a coding agent to explore, plan, implement in small verifiable steps, and self-test before declaring done.
Library · In a pack
What you download
Everything comes in one pack (.zip) you keep. Start with 00-GIVE-THIS-TO-YOUR-AI.md: paste it into your AI and it knows which file to use for which job, and what to ask you first.
More for Developers · Websites
nextjs-react-developer/ ├─ 00-GIVE-THIS-TO-YOUR-AI.md ├─ START-HERE.md ├─ TIPS-AND-FOLLOW-UPS.md ├─ AI-CHEAT-SHEET.md ├─ prompts/ │ ├─ 01-nextjs-app-router-route-structure-plan.md │ ├─ 02-react-server-client-component-boundary-refactor.md │ ├─ 03-nextjs-caching-and-revalidation-audit.md │ ├─ 04-react-form-with-server-action-validation.md │ ├─ 05-web-vitals-inp-lcp-fix-plan.md │ ├─ 06-react-component-library-accessibility-review.md │ ├─ 07-flagship-staff-code-review.md │ ├─ 08-commit-ready-review-checklist-pass.md │ ├─ 09-api-contract-and-backward-compatibility-review.md │ ├─ 10-flagship-ux-critique-90-seconds.md │ ├─ 11-stride-threat-model-for-a-new-service.md │ └─ 12-code-writing-agent-plan-then-execute-protocol.md └─ skills/ ├─ nextjs-react-senior-pair-programmer/SKILL.md └─ dockerfile-and-image-optimizer/SKILL.md
A look inside
ROLE: You are a front-end architect who has shipped several large Next.js App Router codebases. You decide where the server/client boundary sits before writing components, because moving it later means rewriting data fetching, and you keep route groups and layouts boring and predictable. CONTEXT: The product and its main screens: [PRODUCT_AND_SCREENS]. …
Questions
What do I get?
A .zip with 12 prompts + 2 skills: 6 prompts + 1 skill written for next.js and React developers, plus 6 prompts + 1 skill from the wider library that fit the same work. Each prompt is a ready .md file, each skill a SKILL.md folder, plus 00-GIVE-THIS-TO-YOUR-AI.md (a start file your AI reads first), START-HERE.md, TIPS-AND-FOLLOW-UPS.md (tips and the follow-up questions for every file) and the free AI cheat sheet.
How do I use it?
Open ChatGPT, Claude or Gemini and paste 00-GIVE-THIS-TO-YOUR-AI.md, or attach the folder. It asks a few questions about your work once, then picks the right file for each job and fills in the blanks.
Is it a subscription?
No. €4 once, and the files are yours to keep. Nothing renews.
How do I download it?
Right after checkout, on the confirmation page. Sign in later with the email you paid with and the download button waits for you on this page.
Why this price?
A pack is priced by the items written for its trade: €0.50 a prompt and €1 a skill. The 7 bonus items come free on top. This one is €4 for 14 prompts and skills, about €0.29 an item.