Agenflow
Designüberblick
Agenflow präsentiert einen Release-Readiness-Workflow in grünlich getöntem Graphit und Limette und synchronisiert Topology / Events während paralleler Ausführung. Eine Unterbrechung bewahrt den Checkpoint bei Schritt 2; nach einem abgeschlossenen erneuten Versuch lässt sich ein Audit-Datensatz öffnen und exportieren. Schritte, Ereigniszeiten und Fingerabdrücke sind voreingestellt, die menschliche Genehmigung bleibt ausstehend.
Prompt
Erstelle eine englischsprachige Landingpage für Agenflow für Entwickler, die Modelle, Tools und mehrere Agenten verbinden müssen. Erkläre parallele Ausführung, Laufbeobachtung, Wiederherstellung an Checkpoints und menschliche Prüfung anhand eines Release-Readiness-Workflows.
Der Hero soll das Produkt mit „Complex tasks. Beautifully orchestrated.“ und einem funktionierenden Arbeitsbereich vorstellen. Die primäre Aktion ist Run a workflow. Der Arbeitsbereich besitzt die Ansichten Topology / Events und zeigt die Zustände bereit, laufend, unterbrochen und abgeschlossen. Bewahre nach einer Unterbrechung die vorhandenen Ereignisse und den Checkpoint bei Schritt 2, damit Nutzer direkt dort erneut versuchen können. Nach Abschluss öffnet Inspect run einen Audit-Datensatz, der als JSON exportiert werden kann.
Fahre mit Abschnitten zu Live-Ereignissen, menschlicher Prüfung, Zusammenarbeit von Modellen und Tools, Workflow-Definitionen und Audit-Belegen fort. Copy kopiert die Workflow-Definition, und Start building stellt eine herunterladbare Workflow-JSON bereit. Navigation und Dialoge müssen jeweils zu einem konkreten Ergebnis führen.
Verwende grünlich getöntes Graphitschwarz, Limettenakzente, Space Grotesk für Displaytext und Inter für Fließtext. Die primäre Desktop-Ansicht ist 1440×1000; berücksichtige außerdem mobile Layouts mit 390×844 und 360×800. Bette alle CSS-, JavaScript-, SVG-, Schrift- und Lizenzdateien in index.html ein, damit die Seite direkt geöffnet funktioniert.
Liefere einen interaktiven lokalen Website-Prototyp. Ausführungsschritte, Ereigniszeiten und Fingerabdrücke verwenden voreingestellte Daten. Kennzeichne exportierte Datensätze als Landingpage-Vorschauen; die menschliche Genehmigung bleibt ausstehend. Bewahre Screenshots von Desktop-Cover, Gesamtseite, mobilem Layout, Laufzuständen und Audit-Ansicht auf und füge das Werk der Galerie hinzu.
Chinesischen Originalprompt ansehen
制作 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，直接打开即可运行。
交付为本地可交互的官网原型。执行过程、事件时间和指纹使用预设数据，导出记录标注为落地页预览；人工审批保持待审核。保留桌面封面、整页、手机、运行状态和审计截图，并录入画廊。
