The request names Next.js, so the answer is about Next.js itself, which none of the candidate sources document directly. The closest fit for building image art direction in a Next.js app is the Vercel platform (which hosts and optimizes Next.js apps and offers an API and MCP server 3), supported by the AI SDK for multi-model image and agent work 8 and shadcn for composing UI components 5. No source describes Next.js's image component or art direction features, so the question below asks fo
A question back: Do you mean the Next.js Image component with art direction (serving different image crops per breakpoint), or generating art images with AI for a Next.js site?
- 1
Vercelvercel.comverified and signed
Hosts Next.js apps on a global delivery platform with serverless functions and an official API and MCP server 13.
official:MCP server · com.vercel/vercel-mcpAPI · Vercel APISDK · @vercel/blob+81 community tools built for it
for agents: artifactQuery · uploadArtifact · downloadArtifact
- 2
AI SDKai-sdk.devverified and signed
A TypeScript SDK for building AI apps with React and Next.js, with multi-provider support and streaming 18.
official:MCP server · @ai-sdk/mcpSDK · aiskill · ai-sdkskill · Skillsskill · building-components
for agents: flags-sdk · building-components · streamdown
- 3
Sources
- 3Agentic Infrastructure - Vercelvercel.com · read 2026-10-29
- 5shadcnshadcn.com · read 2026-10-29
- 8AI SDKai-sdk.dev · read 2026-10-29
- 13Vercel API: declares "artifactQuery" (the record we read and signed)unfragile.ai · read 2026-10-24
- 15shadcn: declares "shadcn" (the record we read and signed)unfragile.ai · read 2026-10-24
- 18flags-sdk: declares "flags-sdk" (the record we read and signed)unfragile.ai · read 2026-10-24
For agents: the 10 actions behind this answer
add_numbers · mcp-nextjs found in code, not yet checked
Adds two numbers together and returns the sum
vercel-composition-patterns · vercel-composition-patterns verified and signed
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 AP
artifactQuery · Vercel API verified and signed
Query information about an artifact
fluentui-blazor · fluentui-blazor verified and signed
Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentData
shadcn · shadcn verified and signed
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a
transformers-js · transformers-js verified and signed
Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation, summarization), computer vision (image classification, object detection), audio (speech recognition, audio classification), and multimodal tasks. Wor
artifacts-builder · artifacts-builder verified and signed
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
flags-sdk · flags-sdk verified and signed
Implement feature flags in Next.js or SvelteKit code with the Flags SDK (`flags` npm package). Use when installing or configuring the SDK, declaring flags with `flag()`, wiring a provider adapter (`@flags-sdk/vercel`, Statsig, LaunchDarkly, PostHog, GrowthBook, Global Config, OpenFeature, Split, Fla
next-cache-components-adoption · next-cache-components-adoption verified and signed
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-
clerk-nextjs-patterns · clerk-nextjs-patterns verified and signed
Advanced Next.js patterns - middleware, Server Actions, caching with Clerk.
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.