Skip to content

Commit 048644d

Browse files
Phil Whittakerclaude
andcommitted
Add block creation workflow to example instructions
- Added detailed step-by-step process for adding new blocks - Includes content type creation, model generation, partial views, and styling - Shows how to integrate with Block Grid Editor Data Type configuration 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 126d7b5 commit 048644d

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

16/umbraco-cms/reference/developer-mcp/best-practice/example-instructions.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,17 @@ Created by [Tom Madden](https://github.com/TwoMoreThings)
5656

5757
- STOP and prompt user to generate models and restart site (never generate manually)
5858
- Verify the node Layout is set correctly when saving/publishing pages
59+
60+
61+
## Adding New Blocks
62+
63+
1. Create the content type in Umbraco backoffice (requires user interaction or the umbraco-mcp tool)
64+
2. Models auto-generate in `Website.Core/Models/`
65+
3. Create rendering partial in `Website.Web/Views/Partials/blockgrid/Components/`
66+
4. Add SCSS styling in `Website.Web.Assets/Client/src/scss/blocks/`
67+
5. Import SCSS in `Client/src/scss/blocks/_blocks.scss`
68+
6. Add the new block to the "grid main" Block Grid Editor data type in Umbraco with appropriate label and setup for areas and resizing
69+
5970
```
6071

6172
This example demonstrates how you can create project-specific guidelines that your AI assistant will follow consistently throughout your development workflow.

0 commit comments

Comments
 (0)