mcpField
O
operational-enterprise-ai

operational-enterprise-ai

github.com/boraoztuncデザイン・UI43496 回インストール11 週間前に更新
リポジトリ

operational-enterprise-ai について

企業向け AI 製品を、運用フロー、権限、承認、根拠、障害復旧を軸に紹介するデザインスキルです。根拠のない訴求を避け、信頼性のある製品ページを作るチームに向いています。

主な機能

  1. 01運用ストーリーとページ構成
  2. 02制御とロールバックを含むフロー
  3. 03根拠に基づく指標と事例
  4. 04アクセシブルな操作とエラー状態
  5. 05モーション抑制の設計指針

活用シーン

  1. 01企業向け AI 製品ページの企画
  2. 02権限と承認経路の説明
  3. 03検証済み事例の提示
  4. 04アクセシビリティと障害状態の確認

インストール

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

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

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

同梱ファイルREFERENCES.md

詳細

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

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

ストーリーを構成する

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

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

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

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

ページを構成する

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

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

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

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

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

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

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

検証する

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

避けること

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

コメント