ocalirdigital

Nextjs Static Rules — AI skill for Claude Code

AI community

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