umbraco-block-editor-custom-view
CommunityCustom Umbraco block editor views
Authoralbanist
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables developers to create highly customized visual representations and editing experiences for blocks within Umbraco's block editors, moving beyond default renderings for enhanced usability and domain-specific presentation.
Core Features & Use Cases
- Custom Visual Previews: Define unique UIs for blocks in Block List, Block Grid, or Block RTE editors.
- Component-Based Development: Leverage Web Components for reusable and maintainable custom views.
- Use Case: Implement a "Hero" block with a custom preview that shows a gradient background and a placeholder for an image, directly within the Umbraco backoffice, making content editing more intuitive for editors.
Quick Start
Use the umbraco-block-editor-custom-view skill to generate a manifest and a TypeScript element for a 'heroBlock' content type in the 'block-list' editor.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: umbraco-block-editor-custom-view Download link: https://github.com/albanist/umbraco_CLI/archive/main.zip#umbraco-block-editor-custom-view Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.