With the Umbraco MCP server you can do more than update content in Umbraco. It can create new building blocks from scratch with just one prompt. In this demo I generate an Announcement Banner Block, configure it in the Block Grid, add it to the homepage, and publish it. All the supporting files are created in the solution at the same time.

The prompt

Here is the full prompt I used in Cursor.

Create a new Umbraco Block called "Announcement Banner Block" with the following requirements:

1. Element Type (Block) Creation:
   - Create a new Element Document Type named "Announcement Banner Block"
   - Add a "Content" group with three properties:
     - Announcement Title – editor: Textstring
     - Announcement Details – editor: Richtext editor tiptap 
     - Announcement Image – editor: Media Picker (single selection, not multiple)
   - Note the element type's UUID after creation for Block Grid configuration

2. Block Grid Data Type Configuration:
   - Locate the data type used by the home block grid
   - Update its configuration to add "Announcement Banner Block" as an allowed block type using the correct element type UUID
   - Verify the element type key matches the created element type
   - Save the updated data type

3. Frontend View Component:
   - Create Views/Partials/blockgrid/Components/announcementBannerBlock.cshtml following the same structure as existing block components
   - Use Umbraco's strongly-typed view model with ContentModels.AnnouncementBannerBlock
   - Layout: Full-width banner with image on left and content on right using Bootstrap/CSS Grid
   - Add CSS styles to wwwroot/css/umbraco-starterkit-style.css for modern banner styling with responsive design

4. Content Integration on Homepage:
   - Locate the "Banjo" image in the media library and note its UUID
   - Get the current Home document first to preserve all existing values and template assignment
   - In its Block Grid property, insert one Announcement Banner block above the existing Latest Blog Posts block with:
     - Announcement Title: "Introducing Our New Digital Banking Platform"
     - Announcement Details: "Experience the future of banking with our newly launched digital platform. Enjoy seamless transactions, enhanced security, and 24/7 access to all your financial services from anywhere in the world."
     - Announcement Image: Use the "Banjo" image UUID from the media library
   - Ensure the content structure uses the correct element type UUID
   - When updating the Home document, preserve ALL existing properties including template assignment, variants, and any other document-level properties
   - Explicitly include the template object in the update payload using format: "template": {"id": "template-uuid"}

5. Publish the Homepage

The video

Watch the full process here: https://youtu.be/-yG66HPIvHg

The output

Full Cursor output showing each automated step completed.

Before & After

This is the original homepage with the latest blog posts.

This is the updated homepage with the Announcement Banner Block.

Conclusion

Automating both the element type setup and the code implementation means you can roll out new Umbraco blocks faster and with fewer mistakes. You get a fully functional, styled block that is ready to use and easy to adapt for future projects. If you are curious how the same approach works in Sitecore you can read my Sitecore Announcement Banner blog.