mcpField
U
umbraco-validation-checks

umbraco-validation-checks

github.com/umbracoテスト・品質27374 回インストール6 週間前に更新
リポジトリ

umbraco-validation-checks について

Umbraco バックオフィス拡張をブラウザーで手動検証するためのリファレンススキルです。設定、ナビゲーション、API、フォーム、ワークスペースのチェックと、一般的な問題の調査手順をまとめています。

主な機能

  1. 015カテゴリのチェック項目
  2. 02症状に応じたチェックファイル選択
  3. 03ブラウザーと DevTools のテスト手順
  4. 04新しい問題の記録手順

活用シーン

  1. 01バックオフィスに拡張が表示されない問題の調査
  2. 02API リクエストやフォーム入力の不具合のデバッグ
  3. 03ナビゲーションツリーやメニュー表示の確認
  4. 04ワークスペースの読み込みと保存の検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skills --skill umbraco-validation-checks

インストール後、Claude Code で/umbraco-validation-checksを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

api-debugging-checks.md
configuration-checks.md
discovered-issues.md
form-control-checks.md
navigation-checks.md
workspace-checks.md

詳細

Umbraco 拡張機能の検証チェック

Umbraco バックオフィス拡張機能の手動ブラウザーテスト向けの検証チェックをまとめたリファレンススキルです。検証テストを開始する前に、このスキルをロードしてください。

チェックのカテゴリ

カテゴリファイルチェック
構成configuration-checks.mdVC-1 から VC-2
ナビゲーションnavigation-checks.mdVN-1 から VN-3
API デバッグapi-debugging-checks.mdVA-1 から VA-3
フォームコントロールform-control-checks.mdVF-1 から VF-2
ワークスペースworkspace-checks.mdVW-1 から VW-3

クイックリファレンス

IDチェックよくある症状
構成
VC-1セクションの権限新しいセクションが表示されない
VC-2ユーザーグループのアクセス拡張機能が一部のユーザーにしか表示されない
ナビゲーション
VN-1ツリーの複雑さツリーがレンダリングされない、または項目が欠落している
VN-2非表示のツリーアクション期待するボタンやアクションが見つからない
VN-3メニュー項目の表示メニュー項目が表示されない
API デバッグ
VA-1400 エラーの調査API 呼び出しがサイレントに失敗する
VA-2リクエストペイロードの検証誤ったデータ構造が送信されている
VA-3CORS と認証の問題リクエストがブロックされる、または未認証になる
フォームコントロール
VF-1Select/Combobox の動作Select に値が入らず、400 エラーが発生する
VF-2入力バインディングの問題値が更新または保存されない
ワークスペース
VW-1保存ボタンの欠落編集可能なワークスペースに保存ボタンがない
VW-2データが読み込まれないワークスペースは開くが、値が空で表示される
VW-3送信が機能しない保存をクリックしても何も起こらない

使用方法

手動ブラウザー検証を開始する前に、必ずこのスキルをロードしてください。

このスキルは何をチェックするかを扱います。Claude-in-Chrome (mcp__claude-in-chrome ツール) でバックオフィスを操作する場合は、どのように操作するかについて umbraco-chrome-navigation もロードしてください。バックオフィスは Lit/shadow-DOM であるため、 これらのチェックが参照する状態を実際にナビゲートし、操作し、読み取るには、shadow-DOM を貫通する ヘルパーが必要です。

新しい拡張機能を検証するときはすべてのチェックファイルを読み、観察した症状に応じて特定のカテゴリに絞ってください。

症状ロードするファイル
「拡張機能が表示されない」configuration-checks、navigation-checks
「API が動作しない」api-debugging-checks
「フォームが動作しない」form-control-checks
「ツリーの問題」navigation-checks
「ワークスペースの問題」workspace-checks
「保存ボタンがない」workspace-checks

検証ワークフロー

  1. テスト前: 拡張機能がビルドされていること、ブラウザーキャッシュがクリアされていることを確認します
  2. DevTools コンソールを確認: 操作する前に Chrome DevTools (F12) を開きます
  3. Network タブを確認: Fetch/XHR でフィルタリングして API 呼び出しを確認します
  4. 観察した内容に基づいて関連するチェックファイルを読みます

新しい問題の記録

既存のチェックでカバーされていない検証問題に遭遇した場合:

  1. すぐに記録します discovered-issues.md に
  2. 症状、根本原因、解決策、推奨カテゴリを含めます
  3. 問題はレビューされ、正式なチェックに昇格されます

これにより知識が時間とともに蓄積されます - 検証セッションごとに将来のセッションが改善されます。

関連スキル

パターン領域スキル
Claude-in-Chrome 経由でバックオフィスを操作するumbraco-chrome-navigation
ツリーの実装umbraco-tree
セクションのセットアップumbraco-sections
API クライアントのセットアップumbraco-openapi-client
ワークスペースの構造umbraco-workspace

コメント

Markdown 対応