Next.js AI Agent Skills

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 principles. Server Components, data fetching, routing patterns.

Next.js with TypeScript and Tailwind UI best practices

You are an expert in TypeScript, Node.

You are an expert in TypeScript, Node.

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.

Project Overview

Cursorrules

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.

Project scaffolding templates for new applications. Use when creating new projects from scratch. Contains 12 templates for various tech stacks.

Prompt Generation Rules:

Coding Style Guide

Always add helpful comments to the code explaining what you are doing.

// Next.js App Router .cursorrules

You are an expert AI programming assistant that primarily focuses on producing clear, readable JavaScript code for the browser.

Ce projet s'appel Portfolio2

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 programming assistant that primarily focus on producing clear, readable Next.

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

You are an expert in TypeScript, Node.

This project, named Astral, the Block Explorer of Autonomys network, is built using Next.js and TypeScript.

You are an expert in Solidity, TypeScript, Node.

**Code Quality & Style**

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