{"id":"youtube:4fCQPG8jAJU","source":"youtube","sourceId":"4fCQPG8jAJU","account":"robotostudio","type":"video","title":"Agentically creating Sanity Studio thumbnails","body":"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…","bodyFormat":"text","sourceUrl":"https://www.youtube.com/watch?v=4fCQPG8jAJU","canonicalUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails","sourceUrls":["https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"],"authorIds":["https://robotostudio.com/blog/author/sne#person"],"publishedAt":"2026-05-07T00:00:00.000Z","modifiedAt":"2026-08-11","checkedAt":"2026-09-17T13:02:04.791Z","language":"en","visibility":"public","topics":["sanity","nextjs","editorial-experience","ai"],"gaps":["Video authors are credited by the original Roboto page; individual transcript speakers remain unassigned."],"segments":[{"id":"segment-1","startMs":5510,"endMs":5520,"text":"Okay, so I'll show you a quick demo of"},{"id":"segment-2","startMs":5520,"endMs":7430,"text":"Okay, so I'll show you a quick demo of\nhow you can add thumbnails for your page"},{"id":"segment-3","startMs":7430,"endMs":7440,"text":"how you can add thumbnails for your page"},{"id":"segment-4","startMs":7440,"endMs":10030,"text":"how you can add thumbnails for your page\nbuilders on Turbo Start Sanity."},{"id":"segment-5","startMs":10030,"endMs":10040,"text":"builders on Turbo Start Sanity."},{"id":"segment-6","startMs":10040,"endMs":12590,"text":"builders on Turbo Start Sanity.\nSo, I have already copied the prompt,"},{"id":"segment-7","startMs":12590,"endMs":12600,"text":"So, I have already copied the prompt,"},{"id":"segment-8","startMs":12600,"endMs":15150,"text":"So, I have already copied the prompt,\nbut I can drop the prompt in uh the"},{"id":"segment-9","startMs":15150,"endMs":15160,"text":"but I can drop the prompt in uh the"},{"id":"segment-10","startMs":15160,"endMs":16590,"text":"but I can drop the prompt in uh the\ndescription."},{"id":"segment-11","startMs":16590,"endMs":16600,"text":"description."},{"id":"segment-12","startMs":16600,"endMs":23110,"text":"description.\nAnd I am going to paste my prompt."},{"id":"segment-13","startMs":26270,"endMs":26280,"text":"So, since I already have um thumbnails"},{"id":"segment-14","startMs":26280,"endMs":29030,"text":"So, since I already have um thumbnails\nfrom before, I can show you just now. I"},{"id":"segment-15","startMs":29030,"endMs":29040,"text":"from before, I can show you just now. I"},{"id":"segment-16","startMs":29040,"endMs":30870,"text":"from before, I can show you just now. I\nhave it in my prompt to delete the"},{"id":"segment-17","startMs":30870,"endMs":30880,"text":"have it in my prompt to delete the"},{"id":"segment-18","startMs":30880,"endMs":32350,"text":"have it in my prompt to delete the\nexisting ones."},{"id":"segment-19","startMs":32350,"endMs":32360,"text":"existing ones."},{"id":"segment-20","startMs":32360,"endMs":35230,"text":"existing ones.\nSo, for this demo, I'll show you uh for"},{"id":"segment-21","startMs":35230,"endMs":35240,"text":"So, for this demo, I'll show you uh for"},{"id":"segment-22","startMs":35240,"endMs":37990,"text":"So, for this demo, I'll show you uh for\nexample, for this page,"},{"id":"segment-23","startMs":37990,"endMs":38000,"text":"example, for this page,"},{"id":"segment-24","startMs":38000,"endMs":40670,"text":"example, for this page,\nyou can see the add items, the"},{"id":"segment-25","startMs":40670,"endMs":40680,"text":"you can see the add items, the"},{"id":"segment-26","startMs":40680,"endMs":42750,"text":"you can see the add items, the\nthumbnails already exist."},{"id":"segment-27","startMs":42750,"endMs":42760,"text":"thumbnails already exist."},{"id":"segment-28","startMs":42760,"endMs":44510,"text":"thumbnails already exist.\nNot to worry, they will disappear in a"},{"id":"segment-29","startMs":44510,"endMs":44520,"text":"Not to worry, they will disappear in a"},{"id":"segment-30","startMs":44520,"endMs":45750,"text":"Not to worry, they will disappear in a\nsecond."},{"id":"segment-31","startMs":45750,"endMs":45760,"text":"second."},{"id":"segment-32","startMs":45760,"endMs":49950,"text":"second.\nSo, this is my prompt, and here we go."},{"id":"segment-33","startMs":49950,"endMs":49960,"text":"So, this is my prompt, and here we go."},{"id":"segment-34","startMs":49960,"endMs":52710,"text":"So, this is my prompt, and here we go.\nSo, this does take some time. I would"},{"id":"segment-35","startMs":52710,"endMs":52720,"text":"So, this does take some time. I would"},{"id":"segment-36","startMs":52720,"endMs":55910,"text":"So, this does take some time. I would\nsay 5 to 6 minutes, depending uh you"},{"id":"segment-37","startMs":55910,"endMs":55920,"text":"say 5 to 6 minutes, depending uh you"},{"id":"segment-38","startMs":55920,"endMs":57550,"text":"say 5 to 6 minutes, depending uh you\nknow, on your internet,"},{"id":"segment-39","startMs":57550,"endMs":57560,"text":"know, on your internet,"},{"id":"segment-40","startMs":57560,"endMs":60750,"text":"know, on your internet,\ndepending on Cloud's mood, etc. Anyway,"},{"id":"segment-41","startMs":60750,"endMs":60760,"text":"depending on Cloud's mood, etc. Anyway,"},{"id":"segment-42","startMs":60760,"endMs":62270,"text":"depending on Cloud's mood, etc. Anyway,\nyou know, hopefully it should shouldn't"},{"id":"segment-43","startMs":62270,"endMs":62280,"text":"you know, hopefully it should shouldn't"},{"id":"segment-44","startMs":62280,"endMs":64950,"text":"you know, hopefully it should shouldn't\ntake too long, and I would be able to"},{"id":"segment-45","startMs":64950,"endMs":64960,"text":"take too long, and I would be able to"},{"id":"segment-46","startMs":64960,"endMs":67590,"text":"take too long, and I would be able to\nshow you side by side. On this side,"},{"id":"segment-47","startMs":67590,"endMs":67600,"text":"show you side by side. On this side,"},{"id":"segment-48","startMs":67600,"endMs":69510,"text":"show you side by side. On this side,\nwhen this is this is done, you would"},{"id":"segment-49","startMs":69510,"endMs":69520,"text":"when this is this is done, you would"},{"id":"segment-50","startMs":69520,"endMs":72430,"text":"when this is this is done, you would\nhave completely brand new thumbnails."},{"id":"segment-51","startMs":72430,"endMs":72440,"text":"have completely brand new thumbnails."},{"id":"segment-52","startMs":72440,"endMs":75430,"text":"have completely brand new thumbnails.\nOkay, so it's nearly done."},{"id":"segment-53","startMs":75430,"endMs":75440,"text":"Okay, so it's nearly done."},{"id":"segment-54","startMs":75440,"endMs":76870,"text":"Okay, so it's nearly done.\nIf you don't know what Turbo Start"},{"id":"segment-55","startMs":76870,"endMs":76880,"text":"If you don't know what Turbo Start"},{"id":"segment-56","startMs":76880,"endMs":79550,"text":"If you don't know what Turbo Start\nSanity is, it's an open-source framework"},{"id":"segment-57","startMs":79550,"endMs":79560,"text":"Sanity is, it's an open-source framework"},{"id":"segment-58","startMs":79560,"endMs":82030,"text":"Sanity is, it's an open-source framework\nfor building a solid Next.js and Sanity"},{"id":"segment-59","startMs":82030,"endMs":82040,"text":"for building a solid Next.js and Sanity"},{"id":"segment-60","startMs":82040,"endMs":85070,"text":"for building a solid Next.js and Sanity\nwebsites, so check it out. As I said, I"},{"id":"segment-61","startMs":85070,"endMs":85080,"text":"websites, so check it out. As I said, I"},{"id":"segment-62","startMs":85080,"endMs":87430,"text":"websites, so check it out. As I said, I\nwill link the skill in the description,"},{"id":"segment-63","startMs":87430,"endMs":87440,"text":"will link the skill in the description,"},{"id":"segment-64","startMs":87440,"endMs":90790,"text":"will link the skill in the description,\nand also, by the looks of it, we have"},{"id":"segment-65","startMs":90790,"endMs":90800,"text":"and also, by the looks of it, we have"},{"id":"segment-66","startMs":90800,"endMs":93390,"text":"and also, by the looks of it, we have\nsuccessfully added the thumbnails. So,"},{"id":"segment-67","startMs":93390,"endMs":93400,"text":"successfully added the thumbnails. So,"},{"id":"segment-68","startMs":93400,"endMs":95350,"text":"successfully added the thumbnails. So,\nlet's refresh."},{"id":"segment-69","startMs":95350,"endMs":95360,"text":"let's refresh."},{"id":"segment-70","startMs":95360,"endMs":99390,"text":"let's refresh.\nMoment of truth."},{"id":"segment-71","startMs":103070,"endMs":103080,"text":"There you go. All fresh thumbnails."},{"id":"segment-72","startMs":103080,"endMs":104670,"text":"There you go. All fresh thumbnails.\nHow nice."},{"id":"segment-73","startMs":104670,"endMs":104680,"text":"How nice."},{"id":"segment-74","startMs":104680,"endMs":106390,"text":"How nice.\nAnyway, I hope you enjoyed this video,"},{"id":"segment-75","startMs":106390,"endMs":106400,"text":"Anyway, I hope you enjoyed this video,"},{"id":"segment-76","startMs":106400,"endMs":109150,"text":"Anyway, I hope you enjoyed this video,\nguys. Uh give us a thumbs up, and like"},{"id":"segment-77","startMs":109150,"endMs":109160,"text":"guys. Uh give us a thumbs up, and like"},{"id":"segment-78","startMs":109160,"endMs":112510,"text":"guys. Uh give us a thumbs up, and like\nor subscribe. Um and thanks a lot. Have"},{"id":"segment-79","startMs":112510,"endMs":112520,"text":"or subscribe. Um and thanks a lot. Have"},{"id":"segment-80","startMs":112520,"endMs":129430,"text":"or subscribe. Um and thanks a lot. Have\na good one. Bye."}],"transcript":"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.","transcriptOrigin":"Edited transcript from the original Roboto page","thumbnailUrl":"https://img.youtube.com/vi/4fCQPG8jAJU/maxresdefault.jpg","durationSeconds":130,"videoId":"4fCQPG8jAJU","publisherName":"Roboto Studio","faqs":[{"question":"What is the Sanity Studio thumbnails skill?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"What is Turbo Start Sanity?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"How long does it take to generate Sanity page builder thumbnails?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"Why bother with thumbnails for a Sanity page builder?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"Can the agent regenerate thumbnails I already have?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"Do I need Turbo Start Sanity, or will this work with my own setup?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"},{"question":"What is a Sanity AI agent?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/agentically-creating-sanity-studio-thumbnails"}],"path":"/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails","indexable":false,"contentHash":"96d40268eda5525abb25728df15ea16bbcef108ac43d98124357e1b2aeb9734d","representations":{"html":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails","markdown":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails.md","json":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails.json"},"generation":"bcb598ae5ec44a3005ea0356","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://robotostudio.com/#organization","name":"Roboto Studio","url":"https://robotostudio.com/","sameAs":["https://clutch.co/profile/roboto-studio","https://www.youtube.com/@robotostudio","https://x.com/studioroboto"]},{"@type":"Person","@id":"https://robotostudio.com/blog/author/jono#person","name":"Jono Alford","url":"https://robotostudio.com/blog/author/jono","sameAs":["https://dev.to/jonoroboto","https://x.com/jonoalford","https://www.reddit.com/user/jonoalford/"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"Person","@id":"https://robotostudio.com/blog/author/sne#person","name":"Sne Tripathi","url":"https://robotostudio.com/blog/author/sne","sameAs":["https://x.com/sne_hil"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebSite","@id":"https://bestsanityagency.com/#website","url":"https://bestsanityagency.com","name":"Roboto Studio evidence","publisher":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebPage","@id":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails#page","url":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails","name":"Agentically creating Sanity Studio thumbnails","publisher":{"@id":"https://robotostudio.com/#organization"},"mainEntity":{"@id":"https://www.youtube.com/watch?v=4fCQPG8jAJU"},"isPartOf":{"@id":"https://bestsanityagency.com/#website"}},{"@id":"https://www.youtube.com/watch?v=4fCQPG8jAJU","name":"Agentically creating Sanity Studio thumbnails","url":"https://www.youtube.com/watch?v=4fCQPG8jAJU","datePublished":"2026-05-07T00:00:00.000Z","dateModified":"2026-08-11","inLanguage":"en","author":[{"@id":"https://robotostudio.com/blog/author/sne#person"}],"@type":"VideoObject","description":"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…","transcript":"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.","thumbnailUrl":"https://img.youtube.com/vi/4fCQPG8jAJU/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/4fCQPG8jAJU","uploadDate":"2026-05-07T00:00:00.000Z","duration":"PT130S","publisher":{"@type":"Organization","name":"Roboto Studio"},"caption":{"@type":"MediaObject","contentUrl":"https://bestsanityagency.com/videos/4fCQPG8jAJU/agentically-creating-sanity-studio-thumbnails.vtt","encodingFormat":"text/vtt"}}]}}