Nextjs Static Rules — AI skill for Claude Code
Strict CLAUDE.md and .cursorrules for Next.js.
How to install Nextjs Static Rules
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open ocalirdigital/nextjs-static-rules and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Nextjs Static Rules does
Strict CLAUDE.md and .cursorrules for Next.js. Stops AI from adding unwanted DBs, layout shifts (CLS), and hydration errors.
Alternatives in AI
- Anthropic Quickstarts — by Anthropic - Offers comprehensive development guides for three distinct AI-powered demo projects with standa 15.4k ★
- Konnect — AI-assisted PCB design for KiCAD 10. Native KiCAD plugin — a single Rust binary exposing 171 schematic, layout 341 ★
- Add Model — Adding (or Changing) a Selectable Bedrock Model — GenAI IDP Accelerator 295 ★
README
nextjs-static-rules
A strict behavioral ruleset (`CLAUDE.md` / `.cursorrules`) to stop LLMs from ruining your static Next.js projects.
Tired of Claude or Cursor:
- Installing Supabase or Prisma when you just wanted a static site?
- Breaking layouts because it forgot image dimensions (CLS hell)?
- Causing Framer Motion hydration flash errors on page refresh?
- Throwing random modal pop-ups everywhere?
- Messing up mobile responsiveness and touching unrelated files?
This ruleset fixes that.
Quick Start
Drop `CLAUDE.md` into your project root:
curl -o CLAUDE.md https://raw.githubusercontent.com/ocalirdigital/nextjs-static-rules/main/CLAUDE.md
Related Skills
Double Loop Learning
A cognitive base that shifts reflection from fixing errors to questioning the assumptions that produce them. W
Agent MemGC
⚡ High-performance linter, cache-layout optimizer, and garbage collector for AI agent instruction files (AGENT
Driftspace Template
Starter repo for a personal spoken-audio library: clone it, point an LLM agent at your archive, and get a sear
Nextjs With AI
A comprehensive CLAUDE.md template for modern Next.js 16 App Router projects. Drop it in and Claude Code autom
Slash Nextjs
Token-optimized AI chat. Next.js + Vercel AI SDK + slash-tokens/auto. One import. Every call optimized.
Nextjs Afk SDK
AFK skill: integrate the agent-afk SDK into Next.js projects with programmatic API routes for AI agent invocat
Related Agents
Nextjs Build Resolver
Løs byggefeil og runtime-feil i Next.js — use client-grenser, hydration mismatches, Turbopack-spesifikke feil,
React Build Resolver
Diagnose and fix React build failures across Vite, webpack, Next.js, CRA, Parcel, esbuild, and Bun. Handles JS
Scope Rule Architect NextJS
Use this agent when you need to make architectural decisions about component placement in a Next.js/TypeScript