About this video
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…
Full transcript
Edited transcript from the original Roboto page
Okay. So I'll show you a quick demo of how you can add thumbnails for your page builders on Turbo Sanity. So I have already copied the prompt, but I can drop the prompt in the description and I am going to paste my prompt. So since I already have thumbnails from before, I can show you just now. I have it in my prompt to delete the existing ones. So for this demo, I'll show you, for example, for this page. You can see the add items. The thumbnails already exist. Not to worry, they will disappear in a second. So this is my prompt. And here we go. So this does take some time. I would say five to six minutes depending, you know, on your internet, depending on Floyd's mood, etc. Anyway, you know, hopefully it shouldn't take too long and I would be able to show you side by side. On this side, when this is done, you would have completely brand new thumbnails. Okay, so it's nearly done. If you don't know what Turbo Sanity is, it's our open-source framework for building a solid Next.js and Sanity website. So check it out. As I said, I will link this skill in the description. And also by the looks of it, we have successfully added the thumbnails. So let's refresh. Moment of truth. There you go. All fresh thumbnails. How nice. Anyway, hope you enjoyed this video, guys. Give us a thumbs up and like or subscribe. And thanks a lot. Have a good one. Bye.
Read timestamped source captions
0:05Okay, so I'll show you a quick demo of
0:05Okay, so I'll show you a quick demo of how you can add thumbnails for your page
0:07how you can add thumbnails for your page
0:07how you can add thumbnails for your page builders on Turbo Start Sanity.
0:10builders on Turbo Start Sanity.
0:10builders on Turbo Start Sanity. So, I have already copied the prompt,
0:12So, I have already copied the prompt,
0:12So, I have already copied the prompt, but I can drop the prompt in uh the
0:15but I can drop the prompt in uh the
0:15but I can drop the prompt in uh the description.
0:16description.
0:16description. And I am going to paste my prompt.
0:26So, since I already have um thumbnails
0:26So, since I already have um thumbnails from before, I can show you just now. I
0:29from before, I can show you just now. I
0:29from before, I can show you just now. I have it in my prompt to delete the
0:30have it in my prompt to delete the
0:30have it in my prompt to delete the existing ones.
0:32existing ones.
0:32existing ones. So, for this demo, I'll show you uh for
0:35So, for this demo, I'll show you uh for
0:35So, for this demo, I'll show you uh for example, for this page,
0:37example, for this page,
0:38example, for this page, you can see the add items, the
0:40you can see the add items, the
0:40you can see the add items, the thumbnails already exist.
0:42thumbnails already exist.
0:42thumbnails already exist. Not to worry, they will disappear in a
0:44Not to worry, they will disappear in a
0:44Not to worry, they will disappear in a second.
0:45second.
0:45second. So, this is my prompt, and here we go.
0:49So, this is my prompt, and here we go.
0:49So, this is my prompt, and here we go. So, this does take some time. I would
0:52So, this does take some time. I would
0:52So, this does take some time. I would say 5 to 6 minutes, depending uh you
0:55say 5 to 6 minutes, depending uh you
0:55say 5 to 6 minutes, depending uh you know, on your internet,
0:57know, on your internet,
0:57know, on your internet, depending on Cloud's mood, etc. Anyway,
1:00depending on Cloud's mood, etc. Anyway,
1:00depending on Cloud's mood, etc. Anyway, you know, hopefully it should shouldn't
1:02you know, hopefully it should shouldn't
1:02you know, hopefully it should shouldn't take too long, and I would be able to
1:04take too long, and I would be able to
1:04take too long, and I would be able to show you side by side. On this side,
1:07show you side by side. On this side,
1:07show you side by side. On this side, when this is this is done, you would
1:09when this is this is done, you would
1:09when this is this is done, you would have completely brand new thumbnails.
1:12have completely brand new thumbnails.
1:12have completely brand new thumbnails. Okay, so it's nearly done.
1:15Okay, so it's nearly done.
1:15Okay, so it's nearly done. If you don't know what Turbo Start
1:16If you don't know what Turbo Start
1:16If you don't know what Turbo Start Sanity is, it's an open-source framework
1:19Sanity is, it's an open-source framework
1:19Sanity is, it's an open-source framework for building a solid Next.js and Sanity
1:22for building a solid Next.js and Sanity
1:22for building a solid Next.js and Sanity websites, so check it out. As I said, I
1:25websites, so check it out. As I said, I
1:25websites, so check it out. As I said, I will link the skill in the description,
1:27will link the skill in the description,
1:27will link the skill in the description, and also, by the looks of it, we have
1:30and also, by the looks of it, we have
1:30and also, by the looks of it, we have successfully added the thumbnails. So,
1:33successfully added the thumbnails. So,
1:33successfully added the thumbnails. So, let's refresh.
1:35let's refresh.
1:35let's refresh. Moment of truth.
1:43There you go. All fresh thumbnails.
1:43There you go. All fresh thumbnails. How nice.
1:44How nice.
1:44How nice. Anyway, I hope you enjoyed this video,
1:46Anyway, I hope you enjoyed this video,
1:46Anyway, I hope you enjoyed this video, guys. Uh give us a thumbs up, and like
1:49guys. Uh give us a thumbs up, and like
1:49guys. Uh give us a thumbs up, and like or subscribe. Um and thanks a lot. Have
1:52or subscribe. Um and thanks a lot. Have
1:52or subscribe. Um and thanks a lot. Have a good one. Bye.
Questions answered
Editorial answers from the original Roboto page.
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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗Scope and context
- Video authors are credited by the original Roboto page; individual transcript speakers remain unassigned.