mcpField
O
operational-enterprise-ai

operational-enterprise-ai

github.com/mengtoデザイン・UI7.1k1.4k 回インストール3 日前に更新
リポジトリ

operational-enterprise-ai について

企業向け AI 製品ページの設計・実装スキルです。システムの境界、権限、承認、監査、ロールバックを軸に、検証可能な根拠で運用フローとリスク管理を伝えます。

主な機能

  1. 01運用課題を軸にしたページ構成
  2. 02権限・承認・ロールバックの提示
  3. 03検証済み指標と事例の使用
  4. 04ソリューション行と状態の設計
  5. 05事例からデモへの導線設計
  6. 06アクセシビリティとエラー状態の検証

活用シーン

  1. 01企業向け AI 製品ページの構築
  2. 02自動処理の承認と例外対応の説明
  3. 03指標・セキュリティ表現・事例の確認
  4. 04フォーム・キーボード操作・動作設定のテスト

インストール

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

$npx skills add https://github.com/mengto/skills --skill operational-enterprise-ai

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

同梱ファイル

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

REFERENCES.md
agents/
openai.yaml
demo/
index.html
PROMPT.md

詳細

エンタープライズ向けの運用 AI

システムが何を行い、どこで処理を止め、誰が操作を承認し、障害からどのように復旧するかを示して、信頼性を高めます。

ストーリーを構成する

  1. 運用上の課題と、控えめな製品画像またはシステムトレースを使って始めます。
  2. 白を基調とした区切りを設け、検証済みの指標で課題を数値化します。
  3. 各機能を、権限と制御を含むワークフローとして説明します。
  4. 問い合わせを促す前に、セキュリティ、ガバナンス、例外、ロールバックについて説明します。
  5. 検証済みの導入事例の証拠から、対象を明確にしたデモまたはウェイティングリストへの案内へとつなげます。

元のブランド、顧客、数値、セキュリティバッジ、スクリーンショット、主張は差し替えてください。コンプライアンスや性能に関する証拠を捏造しないでください。

ビジュアルシステムを構築する

  • ほぼ黒、温かみのある白、落ち着いたグレーに、控えめなスペクトル表現を一つ加えます。
  • エックスハイトの大きいサンセリフ体に、コンパクトな等幅ラベルと表形式の数字を組み合わせます。
  • 明確なグリッド線、正方形のメディア、角の少ない形状、最小限の影を使います。
  • 雰囲気よりもデータの読みやすさを優先します。
  • 運用の説明や指標を示す区切りには、白を基調とした章を設けます。
  • 光る AI の球体、パーティクルの集合、ネオングラデーション、ありきたりなサイバーセキュリティ画像は避けます。

ページを構成する

  • ヘッダー:製品、ソリューション、セキュリティ、導入事例、および対象を明確にしたアクションを一つ表示します。
  • ヒーロー:システムの境界を明示し、意図の明確な運用ビジュアルを一つ組み合わせます。
  • 指標:範囲、出典、期間を明記した検証済みの数値のみを使います。
  • ソリューション行:ワークフロー、権限、操作、承認、出力、監査、例外、ロールバックを要約します。
  • 製品デモ:実データ、またはサンプルデータであることを明示したデータと、決定論的な状態変化を示します。
  • セキュリティ:制御と具体的なリスクを結び付けます。根拠のないバッジは使いません。
  • 導入事例:検証済みの導入事実とマーケティング上の解釈を分けます。
  • お客様の声:使用許諾があり、実在する場合に限り、グレースケールの肖像を証拠として使用します。
  • FAQ:所有権、データの取り扱い、連携、レビュー、障害、調達に関する疑問に答えます。
  • 最終 CTA:製品の対象者を明確にし、送信後の流れを説明します。

運用ソリューション行を実装する

  • 要約、権限、操作、承認、出力、監査、例外、ロールバックを、安定したデータモデルにまとめます。
  • 同等のホバーおよびフォーカスの手がかりを備えた、セマンティックな開閉式 UI を使います。
  • Enter キーと Space キーで展開できるようにし、図にはテキストによる代替情報を用意します。
  • 読み込み中、連携先が利用できない状態、権限不足、データの古さ、承認拒否、一部完了、ロールバック、エラーの各状態を設計します。
  • アニメーションなしでも、購入検討者が対象範囲とリスクを評価できるようにします。

導入事例からの引き継ぎを実装する

  • 検証済みの各ユースケースを、関連するデモまたはウェイティングリストのコンテキストにつなげます。
  • 出典を保持し、事実、引用、推定される成果を分けます。
  • 機密性のない意向データのみを、同意がある場合に限って事前入力します。
  • フィルター、リンク、フォームフィールド、読み込み中、無効状態、重複、入力検証、ネットワークエラー、成功の各状態を設計します。
  • リクエストの受信者、返信の予定時期、データの利用方法を説明します。

モーションのデフォルト設定

  • コントロールには 160–220ms、セクションの表示には 500–760ms を使います。
  • ゆっくり動く背景メディア、精密な指標の表示、控えめな行のトランジションを優先します。
  • 不必要なスムーズスクロールではなく、黒から白への明確な切り替えを使います。
  • 視差効果は 5% 未満に抑え、画面外の処理を一時停止し、オブザーバーをクリーンアップします。
  • 動きを減らす設定では、安定した状態をすぐに表示します。

検証する

  • すべての指標、導入事例、引用、バッジ、コンプライアンスに関する記述を証拠と照合します。
  • キーボードとタッチで、ソリューション行、フィルター、フォーム、エラー、フォーカスの復帰、ブラウザー履歴をテストします。
  • 図のテキスト代替、コントラスト、200% のズーム、モバイルでの順序、読み込み中、古いデータ、動きを減らす設定を確認します。
  • 訪問者が、製品で制御できること、承認が必要なこと、ロールバックの仕組みを説明できるか確認します。
  • 根拠のないセキュリティ、可用性、性能、アクセシビリティ、コンプライアンスに関する主張を削除します。

避けること

  • 権限や例外処理の仕組みについて説明のない、魔法のような自動化の主張。
  • 偽のダッシュボード、指標、顧客、バッジ、導入事例の成果。
  • 光り輝く AI の球体、パーティクルの雲、サイバーパンク風の装飾。
  • 機能一覧から問い合わせフォームへとつなげる、ありきたりな営業手法。
  • リスク、監査、障害、ロールバックの詳細を曖昧な文言で隠すこと。

コメント