With the Sitecore MCP server you can go from idea to a working Sitecore component with just one prompt. In this demo I create an Announcement Banner, configure its template and rendering, link it to a page, and save everything. The process updates the content in Sitecore and also generates the matching component files in the solution, ready for immediate use.

The prompt

Below is the exact prompt I entered into Cursor.

Create a new Sitecore component called "AnnouncementBanner" with the following requirements:

1. Template Creation:
   - Create a new template at /sitecore/templates/Project/Verticals/Components/AnnouncementBanner
   - Add three fields in a "Data" section: 
     - Announcement Title (Single-Line Text)
     - Announcement Details (Multi-Line Text)
     - Announcement Image (Image)
   - Retrieve the template after creation to confirm it exists and has all 3 fields

2. Content Creation:
   - Create a content item at /sitecore/content/Verticals/Basic/Home/About/Data/New Service Launch
   - Add test content: 
     - 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."
     - For Announcement Image: Use the existing "small-business-loans-promo" image from /sitecore/media library/Project/Verticals/Financial/Business/Small business loans/small-business-loans-promo
   - Immediately retrieve the created item and record its exact Item ID
   - Confirm all field values are correctly stored and match the test content

3. Frontend Component:
   - Create src/sxastarter/src/components/AnnouncementBanner.astro following the same JSS structure as CompanyMember.astro
   - Use JSS components: Text, Image from "@astro-sitecore-jss/astro-sitecore-jss"
   - Layout: Full-width banner with image on left and content on right
   - Include proper CSS classes for styling with modern banner design
   - Register component using PowerShell commands: cd src/sxastarter then npm run bootstrap
   - Confirm "Registering JSS component AnnouncementBanner" appears in bootstrap output

4. Sitecore Rendering:
   - Create JSS JSON Rendering at /sitecore/layout/Renderings/Project/Verticals/AnnouncementBanner
   - Set componentName to "AnnouncementBanner"
   - Configure datasource template to point to the AnnouncementBanner template created in step 1
   - Set datasource location properly
   - Enable editing and datasource queries
   - Retrieve the rendering item to confirm componentName and datasource settings are correct

5. Page Integration:
   - Get the current __Final Renderings field from /sitecore/content/Verticals/Basic/Home/About page
   - Use the AnnouncementBanner rendering ID from step 4 and add it to the existing XML layout
   - Position it above the "What is MCP" text component in the __Final Renderings field
   - Update the __Final Renderings field with the modified XML structure

6. Docker Integration:
   - Restart rendering container using PowerShell: docker restart sxastarter-renderingastro-1

The video

Watch the full process here: https://youtu.be/2ztBTT_jQFU

The output

Full Cursor output showing each automated step completed.

Before & After

This is the original page with 2 text components.

This is the updated page with the Announcement Banner component.

Conclusion

Being able to create both the Sitecore items and the matching code files in one step means you can go from concept to a working, styled component in minutes. There is no context switching between Sitecore and your code editor, and you can immediately see the component in place on the page. If you want to see a similar approach in Umbraco you can read my Umbraco Announcement Banner blog.