Agenflow
デザイン概要
Agenflow は、緑がかったグラファイトとライムでリリース準備のワークフローを示し、Topology と Events を並列実行の間で同期します。中断時もステップ2のチェックポイントが残り、再試行の完了後にエクスポート可能な監査記録を開けます。ステップ、イベント時刻、フィンガープリントはプリセットで、人間の承認は保留のままです。
プロンプト
モデル、ツール、複数のエージェントを接続する必要がある開発者を対象に、Agenflow の英語ランディングページを構築する。リリース準備のワークフローを使って、並列実行、実行状況の観察、チェックポイントからの復旧、人間によるレビューを説明する。
ヒーローでは「Complex tasks. Beautifully orchestrated.」というコピーと動作するワークスペースで製品を紹介する。主な操作は Run a workflow。ワークスペースには Topology / Events ビューがあり、ready、running、interrupted、completed の状態を表示する。中断後は既存イベントとステップ2のチェックポイントを保持し、その場で再試行できるようにする。完了後は Inspect run で監査記録を開き、JSONとしてエクスポートできる。
続けて、ライブイベント、人間によるレビュー、モデルとツールの連携、ワークフロー定義、監査証拠のセクションを配置する。Copy はワークフロー定義をコピーし、Start building はダウンロード可能なワークフローJSONを提供する。ナビゲーションとダイアログは、それぞれ具体的な結果につながるようにする。
緑がかったグラファイトブラック、ライムのアクセント、見出しに Space Grotesk、本文に Inter を使う。主なデスクトップビューポートは1440×1000とし、390×844と360×800のモバイルレイアウトにも対応する。CSS、JavaScript、SVG、フォント、ライセンスをすべて index.html に埋め込み、直接開いて動作するようにする。
インタラクティブなローカルウェブサイトプロトタイプを納品する。実行ステップ、イベント時刻、フィンガープリントにはプリセットデータを使う。エクスポート記録はランディングページのプレビューと明示し、人間の承認は保留のままにする。デスクトップカバー、全ページ、モバイルレイアウト、実行状態、監査ビューのスクリーンショットを保存し、作品をギャラリーに追加する。
中国語の元のプロンプトを見る
制作 Agenflow 的英文落地页，面向需要连接模型、工具和多个智能体的开发者。通过一条 release-readiness 工作流，解释并行执行、过程观察、检查点恢复与人工审核。
首屏以“Complex tasks. Beautifully orchestrated.”和可运行的工作区说明产品。主操作为 Run a workflow；工作区提供 Topology / Events 切换，展示准备、执行中、中断和完成状态。执行中断后保留已有事件与第 2 步检查点，用户可以原地重试；完成后通过 Inspect run 查看审计记录并导出 JSON。
页面继续展示实时事件、人工审核、模型与工具协作、工作流定义和审计凭证。Copy 复制工作流定义，Start building 提供可下载的工作流 JSON；导航与弹窗均有对应结果。
采用偏绿的石墨黑、青柠强调色、Space Grotesk 展示字体与 Inter 正文字体。桌面主视口为 1440×1000，兼顾 390×844 与 360×800 手机布局。CSS、JavaScript、SVG、字体和许可证均内嵌到 index.html，直接打开即可运行。
交付为本地可交互的官网原型。执行过程、事件时间和指纹使用预设数据，导出记录标注为落地页预览；人工审批保持待审核。保留桌面封面、整页、手机、运行状态和审计截图，并录入画廊。
