AgentBoard SaaS ランディングページおよびダッシュボード UI
AI エージェントワークスペース向けの洗練された SaaS ランディングページとダッシュボードのモックアップを生成します。プロダクトデザインの検討に最適です。
プロンプト
ゴール：AgentBoard という AI エージェントコラボレーションプラットフォーム向けに、洗練されたエディトリアル調の SaaS プロダクト検討用画像を生成する。温かみのあるオフホワイトの背景に、左側にマーケティング用ランディングページ、右側にプロダクトダッシュボードという 2 つの大きな Web UI 画面を並べて表示する。洗練されたスタートアップデザイン、ソフトな影、角丸のカード、細いグレーの区切り線、十分な余白、落ち着いたフォレストグリーンのアクセント、ランディングページのヘッドラインには黒のセリフ体、UI テキストには小さくクリーンなサンセリフ体を使用すること。
キャンバス：ワイド 4:3 の構成、約 1200×900。角丸でかすかなドロップシャドウを落とした、ブラウザのような縦長のパネルを 2 つ配置し、狭い溝で区切る。背景はかすかな粒子感と非常にソフトな周辺減光を施したライトクリーム色。
左画面（マーケティング用ランディングページ）：上部ナビゲーションバーの左端にロゴテキスト「AgentBoard」、中央に「Product」「Solutions」「Resources」「Pricing」の 4 つのナビゲーションリンク、右側に「Log in」とダークグリーンの「Start for free」ボタンを配置。ヒーローエリアには「AI-NATIVE WORKSPACE」という小さなピルラベル、3 行の大きなヘッドライン「One board. Many agents. Real outcomes.」（「Real outcomes.」はイタリックかつグリーンで表記）、その下にサポートライン「Plan, build, and ship work—together.」、そして 2 つの CTA ボタン（ダークグリーンの「Start for free」とライトなアウトラインの「Book a demo」）を配置。ヒーローテキストの右側には、5 つのエージェントカード（Research Agent、Strategy Agent、Content Agent、Design Agent、Data Agent）が曲線コネクターで接続されたアイソメトリックなワークフローボードを表示し、各カードには「Done」や「In progress」などの小さなステータスチップを添える。その下に、「2.4M+ Tasks automated」、「180K+ Agents this month」、「98.6% On-time」、「4.9★ User rating」という 4 つのメトリックタイルを配置。メトリクスの下に「Connects with the tools you use」という行を設け、Slack、Notion、GitHub、Figma、Google Drive、HubSpot、「+ More」の計 7 つの統合アイコン/ボタンを並べる。女性の顔写真（円形）と「AgentBoard gives us complete visibility and keeps our team aligned.」という引用文、および「Sarah Chen, Head of Product, Northline」というクレジットを含むテスティモニアルブロックを追加。最下部には、小さなラインアイコン付きの機能説明文を 4 つ配置（Visual workspace、Multi-agent collaboration、Real-time progress、Secure & governed）。
右画面（プロダクトダッシュボード）：密度が高くエレガントな Web アプリインターフェースを作成。上部アプリバーの左側に「AgentBoard」、メインタブに「Workspace」「Agents」「Integrations」「Data」「Reports」、さらに「Invite」ボタン、5 つの小さなユーザーアバターの列、「+3」バッジ、ドロップダウンのシェブロンを表示。左サイドバーにはワークスペース「Acme Inc.」の下に 11 個のナビゲーション項目を配置（Home、Inbox（8 バッジ付き）、Boards、Agents、Workflows、Data、Reports、Integrations、Settings、Help、Collapse）。メインページタイトルは Q2 Go-to-Market Launch とし、グリーンの「Live」ピルとサブタイトル「Coordinating agents across research, strategy, content, design, and ops.」を添える。「Share」ボタンとダークグリーンの「Add agent」ボタンを配置。
ダッシュボードコンテンツ：タイトルの下に「Board」「Progress」「Outputs」「Activity」の 4 つのタブを表示し、「Board」をアクティブにする。メインボードのキャンバスには、左から右へ曲線コネクターで接続された 6 つのワークフローカードを配置（Research Agent「Market & audience research」Done、Data Agent「Performance analysis」Done、Strategy Agent「Go-to-market plan」In progress、Content Agent「Messaging & content framework」In progress、Design Agent「Creative concepts & brand」In progress、Ops Agent「Launch readiness & checklist」In progress）。さらに 7 つ目のエンドポイントとして Analytics Agent「Performance forecast」Queued を追加。右上に小さなボードコントロール（検索アイコン、レイアウトアイコン、フィットアイコン、ズーム「100%」、ドロップダウン）を配置。
ボードの下に、5 つの KPI ストリップを追加（Live progress 72%（グリーンプログレスバー付き）、9 Active agents、24 Tasks running、156 Tasks completed、92% On-time）し、「View all runs」ボタンを添える。その下に「Recent outputs」セクションを設け、4 つのドキュメントカード（GTM Strategy Brief、Messaging Framework、Creative Concepts、Performance Forecast）を、小さなプレビューサムネイルと更新時間と共に表示。「Recent runs」テーブルには 5 行のデータ（Q2 Go-to-Market Launch、Customer Onboarding Revamp、Pricing Strategy Analysis、Brand Refresh Campaign、Enterprise Sales Playbook）を含め、小さなエージェントアバターの集合、色付きステータスチップ、開始時間、所要時間を記載。最下部に「What would you like the agents to work on?」というプレースホルダーを持つコンポーザー入力バーを配置し、「Attach」ボタン、「Add context」ボタン、「All agents」ドロップダウン、グリーンの送信ボタンを設置。
ビジュアルスタイル：プレミアムでミニマルなプロダクトモックアップ。リアルな UI 比率、鮮明なベクター風のレンダリング、可能な限り可読性を保った小さなインターフェーステキスト、かすかなドットの背景テクスチャ、淡いベージュのカード、グリーンのステータスインジケーター、細いコネクターライン。プロダクトデザインの検討ツイートに適した、モダンでエディトリアルな SaaS の美学。
制約事項：メイン画面は正確に 2 つ、ランディングヒーローのエージェントカードは 5 つ、メトリックタイルは 4 つ、統合アイコンは 7 つ、下部の機能説明文は 4 つ、サイドバー項目は 11 個、ダッシュボードタブは 4 つ、ダッシュボードボード上のワークフローエージェントカードは 6 つ（Analytics カードを 7 つ目のエンドポイントとして追加）、KPI 項目は 5 つ、出力カードは 4 つ、テーブル行は 5 行とすること。説明された UI 以外の余分なパネル、ウォーターマーク、ブラウザのクローム、装飾的なテキストは追加しないこと。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
GPT Image 2 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 画像 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。