You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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>
Copy file name to clipboardExpand all lines: 16/umbraco-cms/reference/developer-mcp/best-practice/example-instructions.md
+11Lines changed: 11 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -56,6 +56,17 @@ Created by [Tom Madden](https://github.com/TwoMoreThings)
56
56
57
57
- STOP and prompt user to generate models and restart site (never generate manually)
58
58
- 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
+
59
70
```
60
71
61
72
This example demonstrates how you can create project-specific guidelines that your AI assistant will follow consistently throughout your development workflow.
0 commit comments