About this video
Build full Sanity pages in minutes using the Sanity MCP in Claude. I walk through the setup, prompt Claude to generate a services page with zero copy, and review how well it picks page builder blocks.
Full transcript
Edited transcript from the original Roboto page
Hey, how's it going? So in this video, I'm going to show you how to build pages faster with Sanity MCP in Claude. So you can do it two ways. You can either do it from the chat view that I'm on currently or you can also do it from projects. So I'll show you what to do first. You go here and you make sure you add your project. Do not forget this step, otherwise Claude will be completely clueless and would not have the context. It's pretty obvious, but a lot of people forget this.
Anyway, the second step is to go to connectors. Since we're using Sanity MCP, make sure Sanity is selected. After this, you go to projects. This is a very important part as well. You select your project. I'm using Turbo Sanity. I've already created my project. But this is the important bit. You need to make sure you have added your project ID and your organization ID. Again, if you don't do this, then you're not providing enough context to Claude. You can simply find this information from Sanity's admin panel and copy paste it from here.
Anyway, going back to Claude, we go to the chat. And for this video, we're going to create a services page for a bottle. And I'm going to provide a prompt that I will paste in the description below. And I'm also quite lazy, so I'm not going to type it. So here we go.
So I don't know if you noticed it. I have added a special instruction for Claude. I would like my cards to be displayed in threes and sixes, not in fours and fives, because that's how it looks balanced in my particular case. Also, I need to double check that I've added my... okay, so did you see that? I thought I added my project, but I didn't. So make sure you've added your project here. Otherwise Claude would just go ahead and create without any context.
Anyway, let's do this. This is going to take some time. While it's doing it, it's very important to know that with current Sanity MCP, we cannot add images. So this is one of the limitations and I'm sure the Sanity team is working towards it. But for images, you have to do it manually. But this is great for adding content and it's so fast. You will see in a second. And especially when you have hundreds and thousands of pages just to add the content out there, it's huge.
Okay, so moment of truth. I can see Sanity MCP is using the pre-existing page builder blogs to make decisions. Bear in mind I've not provided any copy for the page. I have not given any strict information and also Turbo Start Sanity website is a very small website with, I would guess, five page builders in existence. So obviously it will be different for your use case. You can use it for a large website and if you have twenty page builders available, MCP can take a lot more context and a lot more page builders to play around with.
So we can check out the page now and see how it looks. Okay, so we are in presentation view. What I like to do is I like to go to structure view and I like to just make sure that everything is in the right place. Services, I can see here. There we go. URL looks great. Oh, interesting. Three page builder blocks are here. This is decided by Sanity MCP. I have not given any instruction here. So let's see how the page looks like. Wow, this is really cool. The fact that it picked the correct logo side icon is very impressive as well.
To recap, I have not provided any copy for this page. I have given a very vague piece of prompt saying I would like to create a services page for a robot studio, and this is the result. So Sanity MCP, as you can see, is pretty good at predicting and implementing page builder blocks for a page, and this will be a completely different use case for your own company. This is a very small website, but for a small website this looks really impressive and I can only imagine what would be the case for a large website.
So anyway, thank you so much for watching. Have a good one.
Read timestamped source captions
0:04Hey, how's it going? So, in this video
0:04Hey, how's it going? So, in this video I'm going to show you how to build pages
0:06I'm going to show you how to build pages
0:06I'm going to show you how to build pages faster with Sanity MCP in Claude.
0:10faster with Sanity MCP in Claude.
0:10faster with Sanity MCP in Claude. So, you can do it two ways. You can
0:11So, you can do it two ways. You can
0:11So, you can do it two ways. You can either do it from the chat view that I'm
0:14either do it from the chat view that I'm
0:14either do it from the chat view that I'm on currently, or you can also do it from
0:15on currently, or you can also do it from
0:15on currently, or you can also do it from projects. So, I'll show you what to do
0:18projects. So, I'll show you what to do
0:18projects. So, I'll show you what to do first. You go here and you make sure you
0:20first. You go here and you make sure you
0:20first. You go here and you make sure you add your project. Do not forget this
0:22add your project. Do not forget this
0:22add your project. Do not forget this step, otherwise Claude will be
0:24step, otherwise Claude will be
0:24step, otherwise Claude will be completely clueless and would not have
0:26completely clueless and would not have
0:26completely clueless and would not have the context. It's pretty obvious, but a
0:28the context. It's pretty obvious, but a
0:28the context. It's pretty obvious, but a lot of people forget this.
0:30lot of people forget this.
0:30lot of people forget this. Anyway, the second step is to go to
0:32Anyway, the second step is to go to
0:32Anyway, the second step is to go to connectors. Since we're using Sanity
0:34connectors. Since we're using Sanity
0:34connectors. Since we're using Sanity MCP, make sure Sanity is selected. After
0:36MCP, make sure Sanity is selected. After
0:36MCP, make sure Sanity is selected. After this, you go to projects.
0:38this, you go to projects.
0:38this, you go to projects. This is a very important part as well.
0:40This is a very important part as well.
0:40This is a very important part as well. You select your project. I'm using Turbo
0:42You select your project. I'm using Turbo
0:42You select your project. I'm using Turbo start Sanity. I've already created my
0:43start Sanity. I've already created my
0:44start Sanity. I've already created my project. But, this is the important bit.
0:47project. But, this is the important bit.
0:47project. But, this is the important bit. You need to make sure you've added your
0:48You need to make sure you've added your
0:48You need to make sure you've added your project ID and your organization ID.
0:51project ID and your organization ID.
0:51project ID and your organization ID. Again, if you don't do this, then you're
0:53Again, if you don't do this, then you're
0:53Again, if you don't do this, then you're not providing enough context to Claude.
0:55not providing enough context to Claude.
0:55not providing enough context to Claude. You can simply find this information
0:58You can simply find this information
0:58You can simply find this information from Sanity's admin panel
1:00from Sanity's admin panel
1:00from Sanity's admin panel and copy paste it from here.
1:03and copy paste it from here.
1:03and copy paste it from here. Anyway, going back to Claude,
1:05Anyway, going back to Claude,
1:05Anyway, going back to Claude, we go to the chat
1:06we go to the chat
1:06we go to the chat and for this video, we're going to
1:08and for this video, we're going to
1:08and for this video, we're going to create a services page for a bottle
1:11create a services page for a bottle
1:11create a services page for a bottle and I'm going to provide a prompt that I
1:13and I'm going to provide a prompt that I
1:13and I'm going to provide a prompt that I will paste in the description below. And
1:15will paste in the description below. And
1:15will paste in the description below. And I'm also quite lazy, so I'm not going to
1:17I'm also quite lazy, so I'm not going to
1:17I'm also quite lazy, so I'm not going to type it.
1:19type it.
1:19type it. So, here we go.
1:25So, I don't know if you noticed it, I
1:25So, I don't know if you noticed it, I have added a special instruction for
1:27have added a special instruction for
1:27have added a special instruction for Claude. I would like my cards to be
1:30Claude. I would like my cards to be
1:30Claude. I would like my cards to be displayed in threes and sixes, not in
1:32displayed in threes and sixes, not in
1:32displayed in threes and sixes, not in fours and fives, because that's how it
1:34fours and fives, because that's how it
1:34fours and fives, because that's how it looks balanced in my particular case.
1:37looks balanced in my particular case.
1:37looks balanced in my particular case. Also, I need to double check that I've
1:39Also, I need to double check that I've
1:39Also, I need to double check that I've added my
1:41added my
1:41added my Okay, so did you see that? I thought I
1:44Okay, so did you see that? I thought I
1:44Okay, so did you see that? I thought I added my project, but I didn't. So, make
1:46added my project, but I didn't. So, make
1:46added my project, but I didn't. So, make sure you've added your project here,
1:48sure you've added your project here,
1:48sure you've added your project here, otherwise
1:49otherwise
1:49otherwise uh Claude would just go ahead and create
1:51uh Claude would just go ahead and create
1:51uh Claude would just go ahead and create without any context. Anyway, let's do
1:54without any context. Anyway, let's do
1:54without any context. Anyway, let's do this.
1:58This is going to take some time. While
1:58This is going to take some time. While it's doing it, it's very important to
2:00it's doing it, it's very important to
2:00it's doing it, it's very important to know that with current Sanity MCP, we
2:03know that with current Sanity MCP, we
2:03know that with current Sanity MCP, we cannot add images. So, this is one of
2:06cannot add images. So, this is one of
2:06cannot add images. So, this is one of the limitations, and I'm sure Sanity
2:08the limitations, and I'm sure Sanity
2:08the limitations, and I'm sure Sanity team is working towards it. But, for
2:10team is working towards it. But, for
2:10team is working towards it. But, for images, you have to do it manually. But,
2:12images, you have to do it manually. But,
2:12images, you have to do it manually. But, this is great for adding content, and
2:14this is great for adding content, and
2:14this is great for adding content, and it's so fast. You will see in a second.
2:16it's so fast. You will see in a second.
2:16it's so fast. You will see in a second. And especially when you have hundreds
2:18And especially when you have hundreds
2:18And especially when you have hundreds and thousands of pages just to add the
2:20and thousands of pages just to add the
2:20and thousands of pages just to add the content out there, it's huge.
2:24content out there, it's huge.
2:24content out there, it's huge. Okay, so moment of truth. I can see
2:26Okay, so moment of truth. I can see
2:26Okay, so moment of truth. I can see Sanity MCP is using the pre-existing
2:29Sanity MCP is using the pre-existing
2:29Sanity MCP is using the pre-existing page builder blocks to make decisions.
2:32page builder blocks to make decisions.
2:32page builder blocks to make decisions. Bear in mind, I've not provided any copy
2:34Bear in mind, I've not provided any copy
2:34Bear in mind, I've not provided any copy for the page. I have not given any
2:37for the page. I have not given any
2:37for the page. I have not given any strict information. And also, Turbo
2:39strict information. And also, Turbo
2:39strict information. And also, Turbo Start Sanity website is a very small
2:41Start Sanity website is a very small
2:41Start Sanity website is a very small website with I would guess five page
2:44website with I would guess five page
2:44website with I would guess five page builders in existence. So, obviously, it
2:47builders in existence. So, obviously, it
2:47builders in existence. So, obviously, it will be different for your use case. You
2:49will be different for your use case. You
2:49will be different for your use case. You can use it for a large website. And if
2:51can use it for a large website. And if
2:51can use it for a large website. And if you have 20 page builders available,
2:54you have 20 page builders available,
2:54you have 20 page builders available, MCP can take a lot more context and a
2:57MCP can take a lot more context and a
2:57MCP can take a lot more context and a lot more page builders to play around
2:59lot more page builders to play around
2:59lot more page builders to play around with.
3:00with.
3:00with. So, we can check out the page now and
3:03So, we can check out the page now and
3:03So, we can check out the page now and see how it looks.
3:14Okay, so we are in presentation view.
3:14Okay, so we are in presentation view. What I like to do is I like to go to
3:16What I like to do is I like to go to
3:16What I like to do is I like to go to structure view, and I like to just make
3:18structure view, and I like to just make
3:18structure view, and I like to just make sure that everything is in the right
3:20sure that everything is in the right
3:20sure that everything is in the right place. Services I can see here. There we
3:23place. Services I can see here. There we
3:23place. Services I can see here. There we go.
3:30URL looks great.
3:30URL looks great. Oh, interesting. Three page builder
3:33Oh, interesting. Three page builder
3:33Oh, interesting. Three page builder blocks are here.
3:35blocks are here.
3:35blocks are here. This is desired by Sanity MCP. I have
3:36This is desired by Sanity MCP. I have
3:37This is desired by Sanity MCP. I have not given any instruction here.
3:39not given any instruction here.
3:39not given any instruction here. So, let's see how the page looks like.
3:53The fact that it picked the correct
3:53The fact that it picked the correct Lucid icon is very impressive as well.
4:00To recap, I have not provided any copy
4:00To recap, I have not provided any copy for this page. I have given a very vague
4:03for this page. I have given a very vague
4:03for this page. I have given a very vague piece of prompt saying I would like to
4:05piece of prompt saying I would like to
4:05piece of prompt saying I would like to create services page for a budget
4:07create services page for a budget
4:08create services page for a budget studio, and this is the result.
4:10studio, and this is the result.
4:11studio, and this is the result. So, Sanity MCP, as you can see, is
4:13So, Sanity MCP, as you can see, is
4:13So, Sanity MCP, as you can see, is pretty good at predicting and
4:14pretty good at predicting and
4:14pretty good at predicting and implementing page builder blocks for a
4:16implementing page builder blocks for a
4:16implementing page builder blocks for a page, and this will be a completely
4:19page, and this will be a completely
4:19page, and this will be a completely different use case for your own company.
4:22different use case for your own company.
4:22different use case for your own company. This is a very small website, but for a
4:24This is a very small website, but for a
4:24This is a very small website, but for a small website, this looks really
4:26small website, this looks really
4:26small website, this looks really impressive.
4:27impressive.
4:27impressive. And I can only imagine what would be the
4:29And I can only imagine what would be the
4:29And I can only imagine what would be the case for a large website.
4:31case for a large website.
4:31case for a large website. So, anyway, thank you so much for
4:32So, anyway, thank you so much for
4:32So, anyway, thank you so much for watching. Have [music] a good one.
4:49>> Wow. Wow.
4:49>> Wow. Wow. >> I'm going now.
Questions answered
Editorial answers from the original Roboto page.
What is Sanity MCP and how does it help build pages faster?
Sanity MCP is a connector tool that integrates with Claude to automate page creation in Sanity CMS. It can generate page structures and content based on your existing page builders, allowing you to create pages significantly faster without manually typing out all the details, especially useful when managing hundreds or thousands of pages.
Read the original ↗What setup steps are required before using Sanity MCP in Claude?
You need to add your Sanity project to Claude, select Sanity as your connector, and then provide your project ID and organization ID from Sanity's admin panel. These steps are critical because without them, Claude won't have the context needed to understand your project structure and make informed decisions about page layout.
Read the original ↗Can I use Sanity MCP to add images to pages automatically?
No, adding images is currently a limitation of Sanity MCP. You'll need to add images manually after the page content has been generated, though the team is working towards this capability for future versions.
Read the original ↗How does Sanity MCP decide which page builder blocks to use?
Sanity MCP analyzes your existing page builders and uses them as reference points to make intelligent decisions about which blocks should be included in new pages. The more page builders available in your project, the more context MCP has to work with and the better it can tailor pages to your specific needs.
Read the original ↗Do I need to provide detailed copy and instructions for Sanity MCP to create a page?
No, you can provide a simple, vague prompt like requesting a services page and Sanity MCP will generate appropriate content and structure based on your existing page builders. This makes it excellent for quickly scaffolding pages without needing to specify every detail upfront.
Read the original ↗Scope and context
- Video authors are credited by the original Roboto page; individual transcript speakers remain unassigned.