Next.js AI Agent Skills

Next.js App Router principles. Server Components, data fetching, routing patterns.

A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow. - 🎯 Multi-Framework Support - React, Svelte, Vue, and React Native implementations - 📦 Component Source Code - Latest shadcn/ui v4 Typ

// Next.js App Router .cursorrules

You are an expert in TypeScript, Node.

DO NOT GIVE ME HIGH LEVEL SHIT, IF I ASK FOR FIX OR EXPLANATION, I WANT ACTUAL CODE OR EXPLANATION!!!

You are an expert in TypeScript, Nose-Js, Next.

You are an expert in TypeScript, Node.

Ce projet s'appel Portfolio2

You are an expert in Solidity, TypeScript, Node.

You are an expert in TypeScript, Node.

Runtime debugging workflow with automated log collection. Use when fixing bugs that require runtime evidence (values, types, flow), when you'd otherwise ask user to "open DevTools, reproduce X, tell me what you see", or when bug depends on user interaction that can't be simulated. This skill automates log collection - logs are captured server-side and accessible programmatically.

next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for coding agents like Claude and Cursor. - Node.js v20.19 or a newer latest maintenance LTS version - npm or pnpm Install the MCP server for all your coding agents: Add -y to skip the confirmation prompt and install to all detected agents already in use in the project directory. Add -g

You are an expert in TypeScript, Node.

Open-source intelligence dashboard tracking the Iran conflict in real time. conflicts.app Most OSINT (open-source intelligence) platforms do a decent job at surfacing individual events, but they fail at painting the full picture of a conflict. You get fragments — a strike here, a statement there — without the connective tissue that makes it possible to actually understand what's happening and why.

Project Overview

Use the project specifications and guidelines to build the Todo app.

Next.js with TypeScript and Tailwind UI best practices

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

Prompt Generation Rules:

Holistic understanding of requirements & stack

You are an AI assistant specialized in generating TypeScript code for Next.

**Code Quality & Style**

You are an expert in TypeScript, Node.

You are an expert in TypeScript, Next.