cursor-skill-code-review-nextjs

A Cursor Skill for structured code review in Next.js (App Router) and TypeScript projects. It guides the AI to review code for quality, security, accessibility (a11y), and best practices.

What it does

• Code review: When you ask for a "code review", "revisar código", "revisión", or PR feedback, the AI uses a checklist covering:

  • Correctness & logic
  • Next.js (App Router): Server Components, data fetching, file conventions, metadata
  • TypeScript: types, no any, strict null checks
  • Security: injection, XSS, auth, secrets
  • Accessibility (a11y): semantic HTML, images, forms, keyboard, focus, ARIA, contrast, reduced motion
  • Maintainability & style
  • Performance (high level)
  • Tests and dependencies

• Feedback format: Critical / Suggestion / Nice to have, with actionable fixes (including a11y patterns).

For Cursor

This is a Skill for Cursor. Skills live in ~/.cursor/skills/ and are referenced by the AI when the user’s request matches the skill’s triggers.

Installation

1. Clone this repo (or download the code-review-nextjs folder):

   git clone https://github.com/TU_USUARIO/cursor-skill-code-review-nextjs.git
   cd cursor-skill-code-review-nextjs

2. Copy the skill folder into Cursor’s skills directory:

   cp -r code-review-nextjs ~/.cursor/skills/

   On Windows (PowerShell):

   Copy-Item -Recurse code-review-nextjs $env:USERPROFILE\.cursor\skills\

3. Use it: In Cursor, ask for a code review in Spanish or English (e.g. “revisar código”, “code review”, “revisión de este PR”). The AI will use this skill’s checklist.

Structure

cursor-skill-code-review-nextjs/
├── README.md                 (this file)
└── code-review-nextjs/
    └── SKILL.md              (the skill definition + checklist)

Only the folder code-review-nextjs (with its SKILL.md) needs to be in ~/.cursor/skills/.

License

MIT (or your preferred license).