Sanity

@sanity.io

The Content Operating System for the AI era. Structured content that powers websites, apps, and agentic applications. Get started for free 👉 https://www.sanity.io

Sanity MCP now available for ChatGPT - Install now

$import { streamText, stepCountIs } from 'ai' import { createAnthropic } from '@ai-sdk/anthropic' import { createAgentContextClient } from './ai/agent-context' // Structured filtering + keyword + semantic, one query. const { tools } = await createAgentContextClient({ mcpUrl: SANITY_AGENT_CONTEXT_MCP_URL, readToken: SANITY_API_READ_TOKEN, }) const anthropic = createAnthropic({ apiKey: ANTHROPIC_API_KEY }) const result = streamText({ model: anthropic('claude-sonnet-4-6'), system: systemPrompt, messages, tools, // GROQ + BM25 + embeddings, MCP-native stopWhen: stepCountIs(10), })$

Video showing prompting for MCP UI announcement for the Sanity Connector. Document renders as cards with meta data.

Sanity is now available as a Loveable connector

Sanity is now available on the Cursor marketplace.

A mug, two pens, a document, and an AirPods case on a wooden table.

$// app/blog/page.tsx import { defineQuery } from 'groq' const postsQuery = defineQuery(` *[_type == "post"]{ title, "authorName": author->name, "commentCount": count(comments), "excerpt": pt::text(body)[0..200] } `) // Generated in sanity.types.ts: // // type PostsQueryResult = Array<{ // title: string | null // authorName: string | null // ← dereferenced join // commentCount: number // ← always a number // excerpt: string | null // ← GROQ function result // }>$

<LogoSoup
logos={["/logo1.svg", "/logo2.svg"]}
baseSize={48}
gap={16}
scaleFactor={0.5}
densityAware={true}
densityFactor={0.5}
alignBy="bounds" | "visual-center" | "visual-center-x" | "visual-center-y"
cropToContent={false}

// Custom image renderer (e.g. Next.js Image)
renderImage={(props) => (<CustomImageComponent ...props />
/>

$const result = await client.agent.action.generate({ noWrite: local ? true : false, // if local is true, we don't want to write to the document, just return the result for logging instructionParams: { content: { type: 'field', path: 'body', }, }, instruction: `Based on the $content, write a summary no more than 250 words.`, target: { path: 'autoSummary', }, documentId: data._id, schemaId: '_.schemas.default', forcePublishedWrite: true, })$

A whiteboard filled with hand-drawn technical architecture diagrams, including boxes labeled 'Studio' and 'GROQ', interconnected with arrows, workflow sketches, and notes about domain knowledge and content representation. Various technical notations including 'PCA on embeddings' are scattered across the board. A red eraser and black marker are visible on the whiteboard tray.

$const result = await client.agent.action.generate({ instructionParams: { content: { type: 'field', path: 'body' }, tagsUsedInOtherPosts: { type: 'groq', query: "array::unique(*[_type == 'post'].tags[])" } }, instruction: `Based on $content, create 3 relevant tags. Reuse $tagsUsedInOtherPosts if they fit.`, target: { path: 'tags' }, documentId: data._id })$