Skip to content

Agentically creating Sanity Studio thumbnails

Duration: 2:10
Sne Tripathi
Sne

Want AI-generated thumbnails for your Sanity page builder, in one prompt? We walk through the skill we use on top of Turbo Start Sanity, our open-source Next.js + Sanity starter. Try it yourself or…

Frequently asked questions

What is the Sanity Studio thumbnails skill?
It's an agent skill we run on top of Turbo Start Sanity that generates and assigns custom preview images for every page-builder block in Sanity Studio. You drop a single prompt, the agent works through your schema, and you end up with a complete thumbnail set instead of editors picking blocks from a wall of identical icons.
What is Turbo Start Sanity?
Turbo Start Sanity is Roboto Studio's open-source starter for building production websites on Next.js and Sanity. It ships with the page-builder patterns, schema definitions, and visual editing setup we use on every client project, so you don't start from a blank Studio.
How long does it take to generate Sanity page builder thumbnails?
In the demo it took about five to six minutes end to end, depending on connection speed and how busy the model provider is at the time. The skill runs unattended once kicked off, so you drop the prompt, walk away, and come back to a finished set of preview images.
Why bother with thumbnails for a Sanity page builder?
Editors pick blocks faster when they can see what each one renders as, instead of reading a label. Custom previews are part of why Sanity's page builder feels editor-friendly in the first place, and skipping them is one of the quickest ways to make a Studio feel generic.
Can the agent regenerate thumbnails I already have?
Yes. The prompt has an option to delete existing thumbnails before it runs, so you can rerun the skill any time the design language changes without ending up with a mix of old and new previews.
Do I need Turbo Start Sanity, or will this work with my own setup?
The skill is built around the conventions Turbo Start Sanity uses, so it works out of the box there. On a custom Studio you can still use it, but you'll likely need to adapt the prompt to match how your blocks are named and where preview images get stored.
What is a Sanity AI agent?
In this context, an AI agent is a long-running process driven by a prompt and a set of tools: read the schema, generate an image, upload it, write the reference back to the document. It's how we automate jobs in Sanity that would otherwise need a developer for an afternoon, like generating thumbnails for every page-builder block.

About the author

Sne Tripathi
Sne Tripathi

Account Executive

LinkedInX

Account Executive at Roboto Studio, bridging the gap between client needs and technical solutions. Ensures every project delivers real business value.

View all posts
Browse all authors

Continue watching

A/B testing in Sanity Studio with PostHog
403

A/B testing in Sanity Studio with PostHog

A quick walkthrough of A/B testing a hero button with Sanity Studio and PostHog. Set up control and variant pages in Sanity, ship them to users, and read exposures and clicks per user in PostHog.

Watch video
Sanity Everything NYC 2026 recap: every feature announced
91

Sanity Everything NYC 2026 recap: every feature announced

A walkthrough of everything announced at Sanity's Everything NYC 2026 event, covering Knowledge Bases, Workflows, Content Variants, Durable Functions, Blueprints, Project Horizon and Resonance.

Watch video
Sanity Log Analyzer - Find What's Eating Your Sanity Usage
526

Sanity Log Analyzer - Find What's Eating Your Sanity Usage

A quick walkthrough of Sanity Log Analyzer, our internal tool that turns your Sanity request logs into a usage report. It shows which queries, images and files are eating your usage.

Watch video

Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

By sending this you agree to our privacy policy. We only use your details to reply.