cylqwe7855-alt/build-professional-workbench

超高速多職種ワークベンチ構築スキル

役割中心の業務用プロダクトを構築します。単なる名称変更のダッシュボードシェルではありません。既存のアーキテクチャがある場合はそれを維持します。新しい純Webビルドの場合は、assets/reference-workbench-template/ から開始し、教育リファレンスドメインを完全に置き換えます。

開始

1. リクエストを新規ビルド、拡張、リデザイン、または監査のいずれかに分類します。
2. 職業、組織、役割、ユーザー、作業オブジェクト、ライフサイクル、決定、リスク、承認、プライバシー境界、デプロイモードを推論します。選択によってプロダクトが実質的に変わる場合のみ質問します。
3. 必要なリファレンスのみを読みます：
   • 新規ビルドの場合は常に deployment-modes.md を読んでください。
   • シェル、モジュール、ページのコントラクトについては workbench-architecture.md を読んでください。
   • ドメインパターンを選択または組み合わせるには profession-profiles.md を読んでください。
   • KPI、チャート、分析ページについては dashboard-catalog.md を読んでください。
   • ビジュアル、モーション、キャンバス、ナビゲーション、またはレスポンシブ作業については design-interaction.md を読んでください。
   • ユーザーがデータを作成、編集、削除、配置、注釈、インポート、または添付できる場合は常に local-persistence.md を読んでください。
   • レコード生成と最終承認の前に data-and-validation.md を読んでください。
4. 新しいオフラインプロジェクトには以下を実行します：

python3 scripts/scaffold_professional_workbench.py <target> --profile <profile> --profession "..." --organization-name "..." --role-name "..." --user-name "..." --deployment-mode local-offline

5. スキャフォールディングは出発点として扱います。すべてのルート、レコード、ワークフロー、チャート、コントロール、永続化パス、ドメイン残骸チェックに合格するまでは納品しないでください。

職業をモデル化する

• 役割の主要な名詞を定義します：案件、クライアント、患者、プロジェクト、候補者、アカウント、コンテンツ、資産、実験、注文、インシデント、または同等のオブジェクト。
• ライフサイクル状態、所有者、引き継ぎ、期限、決定、例外条件、証拠、承認を定義します。
• 個人作業、チーム運用、共有リソース、分析、管理/コンプライアンスを分離します。
• 組織、役割、期間、地域、チーム、またはポートフォリオのコンテキストを常に表示します。
• ナビゲーションでは明示的な日本語テキストラベルを使用し、アイコンは意味を補強するだけにします。
• profession-profiles.md から1つのプロファイルを選択するか、ハイブリッド役割のためにプロファイルを組み合わせます。実際の役割がサポートする責任のみを保持します。

完全なページを構築する

• すべてのナビゲーションアイテムに、タイトル、コンテキスト、アクション、高密度レコード、ステータス、および1つの明確な分析ダッシュボードを備えた完全なページを提供します。
• プレースホルダー、3行テーブル、名前を変えただけのカード、装飾的なチャート、サポートされていないボタンは避けます。
• 決定論的で一貫性のあるデモンストレーションレコードを使用し、それらをシミュレーションデータとしてラベル付けします。
• 適切な通常、空、読み込み中、警告、エラー、無効、期限切れ、競合、承認、確認状態を含めます。
• レコードの多いページは、検索可能、フィルタリング可能、ソート可能とし、ページネーションまたは制御されたスクロールで制限します。
• 主要なレコードは直接編集可能にします。作成、更新、削除は、テーブル、詳細、エクスポート、ダッシュボードが使用する同じソースに反映されなければなりません。
• 日付、範囲、フィルター、セグメントコントロールは実際のレコードに作用させます。ビジュアルのみのコントロールは欠陥です。
• フィルタリングされた現在のレコードを安定したヘッダーでエクスポートします。インポートは形式、行構造、制限、マージ/置換の意図を検証し、プレビューを先に表示し、失敗時には現在のデータを変更しないままにします。
• 主要な作業オブジェクトをリスト、詳細、ワークフロー、ダッシュボードページ間で追跡します。

個別のダッシュボードを割り当てる

• すべてのページに、異なるビジネス上の問い、KPIセット、チャートの組み合わせ、診断、インタラクション、カラーバリアントを提供します。
• 時間にはトレンド、カテゴリには棒グラフ、密度にはヒートマップ、フローにはサンキー、関係にはネットワーク図、プロファイルにはレーダーまたは平行座標、スケジュールにはガント、分布にはヒストグラムまたはボックスプロットを使用します。
• 各ダッシュボードは、1つの主要チャート、3〜4個のKPI、1つの二次診断、ランク付けまたはセグメント化されたビュー、範囲コントロール、ツールチップ、簡潔な解釈で構成します。
• チャートを同じ表示レコードにバインドし、アクセス可能なテキストサマリーを提供します。
• 財務、医療、法律、安全、コンプライアンスの出力は意思決定支援として扱い、自律的な専門的判断としては扱いません。

Quiet Luxury A を適用する

• ユーザーが別のビジュアル方向性を選択しない限り、バンドルされた css/premium-minimal.css を最終カスケードレイヤーとして使用します。
• 温かみのあるアイボリーのフィールド、インクグリーンのタイポグラフィ、彩度を抑えたセージグリーンのアクセント、セリフのディスプレイタイトル、システムのサンセリフコントロール、細いルール、十分な余白を維持します。
• 編集的な階層と整列を、ネストされた丸みのあるカードや重いシャドウよりも優先します。
• シェルは落ち着いたテキストラベルに保ちます。明るい分析ダッシュボードを使用し、ダークグラファイトは空間ヒーローまたは無限キャンバスのために予約します。
• ヒートマップは密度が高いが落ち着いたものにし、5つの正方形セルレベルを使用します。
• ホバーインスペクション、フォーカス、選択、ドリルダウン、詳細ドロワー、モーダル、パン/ズーム、プログレッシブディスクロージャーを、状態を明確にする場合に使用します。
• モーションは短く、割り込み可能で、prefers-reduced-motion では無効にします。
• キーボードアクセス、可視フォーカス、セマンティックコントロール、タッチレイアウト、印刷/レポートビューを維持します。
• --workbench-folio、コンテキストセレクター、ヒーロー言語を新しい組織と職業に適応させます。
• リファレンスヒーロー画像は js/hero-media.js にテキストとして埋め込まれているため、スキルはRed Skill互換性を維持し、生成されたサイトは完全にオフラインのまま動作します。

ローカルファーストの永続化を要求する

• 作成、編集、削除、並べ替え、注釈、下書き、設定、レイアウトの変更を、検証後に自動的に現在のコンピューターに保存します。
• 最初の意味のあるレンダリングの前に、保存された状態を復元します。書き込み成功のない保存トーストは欠陥です。
• 小さなJSONレコードと下書きにはバンドルされた js/local-persistence.js を使用します。添付ファイル、大規模コレクション、オフラインキューにはIndexedDBを使用します。
• 各ワークベンチに名前空間を付け、保存されたレコードをバージョン管理し、スキーマが変更された場合にマイグレーションを追加します。
• 保存中、保存済み、失敗、クォータ状態を表示します。失敗した書き込みを黙って破棄しないでください。
• バージョン管理されたJSONエクスポート、マージ/置換セマンティクスによる検証済みアトミックインポート、添付ファイル管理、確認済みクリアリングを提供します。部分的に適用されたインポートはロールバックします。
• デモシードデータは個人レコードから分離します。シークレットを保存したり、ブラウザストレージが暗号化されていると主張したりしないでください。
• local-offline の場合は、単一デバイスおよび単一ブラウザの制限を開示します。team-server または enterprise の場合は、認証済みAPIとサーバーデータベースを記録システムとして使用します。deployment-modes.md を参照してください。

バンドルされた実装を使用する

参照テンプレートは、CDNなしの純粋なHTML/CSS/JavaScript、マルチエリアテキストナビゲーション、56のモジュールエントリ、高密度レコード、Quiet Luxury A、空間ヒーロー、無限キャンバス、アクティビティヒートマップ、カスタムカーソル、ルートモーション、22のチャートファミリ、編集可能テーブル、名前空間付きlocalStorage、自動保存、バージョン管理されたバックアップ/インポート、ダイアログ、フォーム、レスポンシブ動作、印刷スタイルを提供します。

すべてのリファレンスドメインの名前、ナビゲーション、レコード、ワークフロー、KPI、シミュレートされたID、ヒーローの文言を置き換えます。タイトルだけを変更して非教育ワークベンチを出荷しないでください。

検証

1. このスキルをRed Skillにアップロードする準備として python3 scripts/validate_redskill_package.py . を実行します。
2. 生成されたワークベンチに対して python3 scripts/validate_professional_workbench.py <project-path> を実行します。
3. ネイティブの構文またはビルドチェックを実行します。
4. すべてのナビゲーションエントリが完全なページに解決され、個別のダッシュボードを受け取ることを確認します。
5. レコード密度、ページ間の一貫性、運用フィルター、フォーム、詳細、ワークフロー状態、キーボードアクセスを確認します。
6. オフライン配信のために、ローカルアセットと file:// の動作を確認します。
7. 追加→リロード、編集→リロード、削除→リロード、エクスポート→クリア→インポート、不正なインポートの拒否、ストレージ障害の報告を確認します。
8. Node.jsが利用可能な場合、node scripts/test_local_persistence.js <project-path> を実行します。
9. 非教育プロファイルの場合、教育ドメインの残骸が完全にないことを要求します。
10. ブラウザの画面が利用可能な場合、ビジュアルおよびインタラクションのQAを実行します。ファイルの存在や構文の成功をビジュアルの受入と同一視しないでください。
11. パス、デプロイモード、職業、役割、モジュールとダッシュボードのカバレッジ、CRUD/フィルター/インポート/エクスポートの結果、永続化の結果、検証、残りの境界を報告します。

ガードレール

• 外部への書き込み、承認、メッセージ、トランザクション、公開の権限を推測しないでください。
• シミュレーションレコードを実際のデータとして提示したり、機密性の高い識別子を公開したりしないでください。
• 専門家によるレビューなしに、重大な決定を自動化しないでください。
• オフライン配信の成果物に外部CDNを使用しないでください。
• 選択されたデプロイモードのアーキテクチャ、セキュリティ、受入ゲートに合格するまで、production_ready をfalseのままにします。
• ユーザーが要求するか、アクティブなサイト構築指示がホスティングを必要としない限り、公開またはデプロイしないでください。