Packs

3 packs

Build Agent UI in React/Next.js

Add a full agent interface to a React/Next.js app with streaming, human-in-the-loop approvals, and tool call UI.

3 skills · pack

React Motion UI System

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

5 skills · pack

@alirezarezvani

Convert long markdown files into world-class single-file interactive HTML — DOMAIN COMPLETE at v2.10.3 (5 skills). v2.10.3 adds md-slides — the slide-deck converter (arrow-key / Space / PgDn / Home / End / P keyboard navigation + presenter mode with split-view clock + speaker notes + next-slide preview + URL-hash deep linking like #3 + @media print page-per-slide for browser-native PDF export; reu

4 skills · pack

Results for “next”

390 skills

next-intl-add-language

Add a new language to a Next.js project using next-intl for internationalization, including translations and configuration updates.

React & Next.js — Forge Skill

intense-visions

next-app-router

Next.js App Router

nextjs-app-router

Next.js App Router — Agent Arena Patterns

Surface the most valuable next action by combining task stack, queue state, inbox pressure, health, and goals. Recommends one specific action with rationale. Triggers on "/next", "what should I do", "what's next".

secondme-nextjs

基于配置和需求生成 Next.js 项目，支持 --quick 快速模式跳过 PRD 阶段

More results

nextdns-automation

Automate NextDNS operations through Composio's toolkit via Rube MCP, including tool discovery, connection management, and execution.

hoangnguyen0403

Next.js version migrations using official guides and codemods. Use when migrating a Next.js project to a new major version using codemods.

Next.js 16 migration guide (async request APIs, "use cache", Turbopack)

hoangnguyen0403

Configure Next.js cache layers, invalidation, and cache-component APIs. Use when choosing `fetch` caching, `use cache`, tags, or stale-data debugging in Next.js.

nextjs-developer

Build Next.js 14+ applications with App Router, server components, server actions, and optimized deployment.

10.4k · bundle

senior-frontend

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

20.4k · bundle

Next.js environment variable management with file precedence, variable types, and deployment configurations. Use when configuring Next.js applications, managing environment-specific settings, or deploying to Vercel/Railway/Heroku.

nextjs-turbopack

Optimizes Next.js 16+ development with Turbopack for faster bundling, caching, and dev startup, and clarifies when to use Turbopack vs webpack.

kintsugi-programmer

Upgrade Next.js to the latest version following official migration guides and codemods

Authentication patterns for Next.js — Supabase Auth, Auth.js/NextAuth, JWT, session management, protected routes.

hoangnguyen0403

Configure Next.js build tooling, deployment, and developer workflow. Use when setting up Turbopack, standalone Docker output, bundle analysis, CI caching, environment variable validation, or ESLint integration for Next.js projects.

Execute the next incomplete step (or full phase with --phase), ship the result, and prepare the next step

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel.

\"What should I work on next?\" — two modes. Fast mode (default): one-shot recommendation from docs + git state, ≤10 lines, no interview. Deep mode (`/next deep` or when user asks to explore priorities): multi-round interview to surface the best move.

lucassantana-dev

Decide the highest-value safe thing to do right now in the active repo or workspace.

init-next-logging

Initializes production-ready logging for a Next.js project using Pino and pino-roll, with file output, log rotation, and request context. Handles server-side and client-side environments, including Vercel/serverless setups.

Execute the next incomplete step (or full phase with --phase), ship the result, and prepare the next step

next-best-practices

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

React/Next.js 生产级 UI 动效系统——实现动画、转场和微交互时使用

Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.

moonladderstudios

continuation-proposal

Generate one best-next-step proposal after a successful task run, either the next phase in a series or a high-value improvement.

Operate Payload CMS (Next.js-native headless CMS) in repo workflows: bootstrap a Payload app, configure collections/globals, run local dev + migrations, and ship safe content-model changes. Use when the request mentions Payload CMS, payload config, collection schema, admin panel, or Next.js + headless CMS integration.

vercel-react-best-practices

Optimizes React and Next.js performance with 69 prioritized rules covering waterfalls, bundle size, server-side rendering, and re-rendering patterns.

Senior human-style UAT and product QA for Vercel-deployed Next.js + Supabase apps. Use when Nick asks to test an app, QA a deploy, check for bugs, run E2E/UAT, smoke test, validate signup/login flows, test a feature, or assess whether a URL is ready for users. Always start by understanding the product and source code before browser testing when code is available.

sakamoto-family-smile

frontend-patterns

Provides React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

Provides React/Next.js UI components for displaying tool call lifecycle states including pending, running, approval, success, and error, with support for human-in-the-loop approval flows.

Detects the current state of an Open-workspace project and advances to the next logical workflow step, from discussion through planning, execution, verification, and completion.

Use only for video game projects; analyze moment-to-moment, session, progression, and retention loops

react-performance

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

nextjs-turbopack

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.