skills.rest
prjseal
prjsealCOMMUNITY
Explore all skills by this author →
Website𝕏@CodeSharePaulGitHub

umbraco-block-builder

Scaffold Umbraco 17 block list architecture from HTML prototypes via MCP Server.

12|7|Updated Jan 27, 2023
Search Tags:#templates#scaffold#mcp#cms#razor#umbraco#block-list
One-click install
npx skills add https://github.com/prjseal/QuickBlocks --skill umbraco-block-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-block-builder
Source: https://github.com/prjseal/QuickBlocks/tree/main/.claude/skills/umbraco-block-builder
Command: npx skills add https://github.com/prjseal/QuickBlocks --skill umbraco-block-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a complete Umbraco 17 block list architecture from an HTML prototype, natural language description, or screenshot, eliminating repetitive manual setup and reducing CMS drift.

Core Features & Use Cases

  • Generate element types, settings types, block list data types, page content types, and Razor templates via the MCP Server.
  • Convert a prototype into a structured Umbraco content model for block-based pages, with deterministic GUID resolution and dependency order.
  • Use cases include scaffolding from an HTML file, or converting a design into production-ready CMS structures.

Quick Start

Provide your HTML prototype or design to the MCP server and let the block builder scaffold the Umbraco 17 structure.

Frequently Asked Questions about umbraco-block-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Umbraco 17 block list structures from an HTML prototype?▼

To scaffold Umbraco 17 block list structures from an HTML prototype, provide your design to the MCP server. The block builder then automates the creation of element types, settings types, data types, and Razor templates with deterministic GUID resolution.

Can I convert a design screenshot into Umbraco content types and Razor templates?▼

Yes, you can convert a design screenshot into Umbraco content types and Razor templates. The skill processes the visual input to build a structured, production-ready content model for block-based pages via the MCP server.

Do I need the Management API enabled to scaffold Umbraco block list data types?▼

Yes, you need the Management API enabled in an Umbraco 17+ environment to scaffold block list data types. The process requires calling get-all-document-types and get-all-data-types to resolve GUIDs before building.

What is the best way to automate Umbraco block scaffolding and prevent CMS drift?▼

The best way to automate Umbraco block scaffolding and prevent CMS drift is using the MCP server to enforce a repeatable, production-ready structure. This eliminates repetitive manual setup by creating artifacts in proper dependency order.

Why does block scaffolding require resolving GUIDs before creating Umbraco data types?▼

Block scaffolding requires resolving GUIDs before creating Umbraco data types to ensure dependency order is maintained. The MCP server queries existing document and data types to accurately map and build the block list architecture.

Related Skills

Explore More Software Engineering Skills→
albanistalbanist
4

umbraco-playwright-testhelpers

Provide Playwright fixtures and API helpers for Umbraco backoffice end-to-end testing.

Community
Intermediate
umbracoumbraco
26

umbraco-block-editor-custom-view

Implement custom Umbraco block views using Web Components and LitElement.

Official
Intermediate
wormholecowboywormholecowboy
1

mcp-builder

Scaffold MCP servers in TypeScript or Python with stdio or HTTP transports.

Community
Advanced
1k-off1k-off
1

umbraco-block-editor-custom-view

Implements custom Umbraco Block Editor views using registered Web Components.

Community
Intermediate