社区案例

四张 Cloudflare WebMCP 信息图海报

创建一张宽幅四格日本技术信息图，用于社交媒体或博客，解释 Cloudflare WebMCP。

池田智彦｜生成AIで事業開発 · 2026-08-08 · 约 6 分钟

参考效果：四张 Cloudflare WebMCP 信息图海报 — 社区作者发布的参考画面 · 池田智彦｜生成AIで事業開発

编辑提示词

完整提示词

目标：创建一张宽幅对比图，并排展示 4 张独立的日本信息图海报页面，每张页面分别解释 {argument name="topic" default="Cloudflare WebMCP"}。海报应看起来像为社交媒体制作的精美 AI 生成技术说明 Slides，包含密集但易读的日语文案、Cloudflare 品牌标识、图标、图表和板块卡片。

画布：超宽水平画布，长宽比约为 3:1，从左到右排列 4 张竖向的白色信息图页面。每页之间用细黑垂直间隙或边框隔开。每页背景为纯白色，配有圆角柔和色调的板块框、彩色标题、小图标、箭头，部分页面右下角带有半透明深色圆角按钮叠加层。

整体视觉风格：现代日本 SaaS/技术信息图设计，采用 Cloudflare 橙蓝配色，扁平化矢量图标，细灰色边框，圆角卡片，微型代码块，流程图，对勾，警告三角，盾牌/安全图标，机器人，浏览器窗口，AI Agent 图标，数据库，云朵和网络箭头。采用清晰的打印 Slides 风格，包含非常小但可信的日语文本。每页顶部附近包含 Cloudflare 云图标和“cloudflare”字样。用橙色高亮显示“WebMCP”。

页面布局：包含 4 张信息图页面：
1. 左侧页面：标题“Cloudflare WebMCPとは?”，橙色“WebMCP”，副标题关于 WebMCP 作为连接网站和 AI Agents 的桥梁。包含 6 个编号的水平板块：1) “WebMCPって何?”，配有简单的网页到 AI Agent 的图表和绿色“ポイント”要点；2) “なぜ必要なの?”，配有红色 X 问题要点和橙色解决方案要点；3) “WebMCPの仕組み”，配有 5 步图标流程；4) “Webサイト側の実装イメージ”，左侧为深色代码片段块，右侧为优势卡片；5) “セキュリティ”，配有绿色检查清单和 Chrome/WebMCP 工具卡片；6) “まとめ: WebMCPのメリット”，配有 4 个优势图标。
2. 第二页：标题“Cloudflare WebMCPとは?”，配有小型橙色 Cloudflare 标志和说明段落。包含 5 个编号板块：1) “WebMCPとは?”，展示 AI Agent、Web 应用程序和 Cloudflare WebMCP 的连接；2) “仕組み: WebMCPはどのように動作する?”，展示从 AI Agent 到 WebMCP 端点、用户批准再到工具执行的从左到右流程；3) “Cloudflare が WebMCP を簡単にできる理由”，配有紫色功能卡片和代码片段；4) “導入の流れ”，配有橙色步骤卡片，涵盖 Workers/Pages、API 定义、端点、MCP 设置和 AI 使用；5) “セキュリティと権限の考え方”，配有红色警告/安全卡片。右下角添加深色胶囊状叠加层，文字为“もっと生成”。
3. 第三页：标题“Cloudflare WebMCPとは?”，副标题关于在网站上为 AI Agents 发布工具。包含 7 个带有紧凑卡片的编号板块：1) “WebMCPの主な概念”，包含 AI Agent、WebMCP 和安全/权限的三张卡片；2) “Cloudflareが提供するWebMCPの仕組み”，使用浏览器、Cloudflare、Worker、API 和数据存储图标的详细架构图；3) “WebMCPの活用例”，包含多个小型用例卡片；4) “なぜCloudflareでWebMCPが使いやすい?”，位于橙色带中，配有优势图标；5) “実装例: シンプルなサイト連携”，配有小型表单/表格和工具卡片；6) “導入ステップ”，5 步水平流程；7) “セキュリティのポイント”，配有绿色检查清单卡片。底部附近添加深色胶囊状叠加层，文字为“さらに深く考える”。
4. 右侧页面：标题“Cloudflare WebMCPとは?”，顶部右侧配有橙色 Cloudflare 标志和小型浏览器/地址栏插图，以及一个 AI Agent 图标。包含 6 个编号板块：1) “WebMCPとは?”，配有定义要点和从 Web 应用到 AI Agent 的图表；2) “なぜCloudflareがWebMCPを推進している?”，包含 4 张卡片，描述 AI 友好型 Web、安全性、开放标准和 Cloudflare 生态系统；3) “WebMCPの仕組み”，从网站/API 到 MCP 端点、AI 请求、工具执行到结果的 5 个图标步骤；4) “WebMCP manifest のイメージ”，配有深色代码块和绿色检查清单卡片；5) “セキュリティとして重要”，配有警告和权限卡片；6) “まとめ: WebMCPの価値”，配有 4 张蓝/紫色优势卡片。

文本内容：每页的主标题必须包含 {argument name="headline text" default="Cloudflare WebMCPとは?"}。所有可见正文保持为日语。使用可信的日语标签，如“AIエージェント”、“Webサイト”、“MCPサーバー”、“ツール定義”、“認可”、“権限管理”、“Workers”、“Pages”、“API”、“manifest”、“セキュリティ”和“導入ステップ”。必要时使用微型文本，但主要板块标题需保持清晰可读。

品牌与颜色：使用 {argument name="brand name" default="Cloudflare"} 品牌标识、橙色云图标、蓝色板块标题、绿色成功框、橙色高亮框、紫色功能框、红色安全/警告框和灰色说明卡片。保持专业的日本技术博客信息图美学。

约束：展示 4 个页面，第 1 页 6 个板块，第 2 页 5 个板块，第 3 页 7 个板块，第 4 页 6 个板块。不要包含人物或照片级真实场景。不要添加水印。使图像信息密集，如同社交媒体上生成的四种备选信息图设计对比。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由池田智彦｜生成AIで事業開発发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗