メニュー
Browser validation checks for testing Umbraco backoffice extensions manually
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-validation-checksコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Run tests from skill examples and generate a report (project)
Validate links and references in SKILL.md files using deterministic scripts
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
SKILL.md を表示中
SOC 職業分類に基づく
| name | umbraco-validation-checks |
| description | Browser validation checks for testing Umbraco backoffice extensions manually |
| version | 1.0.0 |
| location | managed |
| allowed-tools | Read |
Reference skill containing validation checks for manual browser testing of Umbraco backoffice extensions. Load this skill before beginning validation testing.
| Category | File | Checks |
|---|---|---|
| Configuration | configuration-checks.md | VC-1 to VC-2 |
| Navigation | navigation-checks.md | VN-1 to VN-3 |
| API Debugging | api-debugging-checks.md | VA-1 to VA-3 |
| Form Controls | form-control-checks.md | VF-1 to VF-2 |
| Workspace | workspace-checks.md | VW-1 to VW-3 |
| ID | Check | Common Symptom |
|---|---|---|
| Configuration | ||
| VC-1 | Section Permissions | New section not visible |
| VC-2 | User Group Access | Extension appears for some users only |
| Navigation | ||
| VN-1 | Tree Complexity | Tree not rendering or items missing |
| VN-2 | Hidden Tree Actions | Cannot find expected button/action |
| VN-3 | Menu Item Visibility | Menu items not appearing |
| API Debugging | ||
| VA-1 | 400 Error Investigation | API calls failing silently |
| VA-2 | Request Payload Validation | Wrong data structure being sent |
| VA-3 | CORS and Auth Issues | Requests blocked or unauthorized |
| Form Controls | ||
| VF-1 | Select/Combobox Behavior | Select not populating and causing 400 errors |
| VF-2 | Input Binding Issues | Values not updating or saving |
| Workspace | ||
| VW-1 | Missing Save Button | Editable workspace has no Save button |
| VW-2 | Data Not Loading | Workspace opens but shows empty values |
| VW-3 | Submit Not Working | Save clicked but nothing happens |
Always load this skill before starting manual browser validation.
This skill covers what to check. If you are driving the backoffice with Claude-in-Chrome
(mcp__claude-in-chrome tools), also load umbraco-chrome-navigation for how to drive it —
the backoffice is Lit/shadow-DOM, so its shadow-DOM-piercing helpers are what let you actually
navigate, act, and read the state these checks refer to.
Read all check files when validating a new extension, or focus on specific categories based on the symptoms you observe.
| Symptom | Load Files |
|---|---|
| "Can't see my extension" | configuration-checks, navigation-checks |
| "API not working" | api-debugging-checks |
| "Form doesn't work" | form-control-checks |
| "Tree issues" | navigation-checks |
| "Workspace issues" | workspace-checks |
| "No Save button" | workspace-checks |
Fetch/XHR to see API callsWhen you encounter a validation issue not covered by existing checks:
discovered-issues.mdThis compounds knowledge over time - every validation session improves future sessions.
| Pattern Area | Skill |
|---|---|
| Driving the backoffice via Claude-in-Chrome | umbraco-chrome-navigation |
| Tree implementation | umbraco-tree |
| Section setup | umbraco-sections |
| API client setup | umbraco-openapi-client |
| Workspace structure | umbraco-workspace |