视频 图片
登录
Four Cloudflare WebMCP Infographic Posters

Four Cloudflare WebMCP Infographic Posters

Creates a wide four-panel Japanese technical infographic explaining Cloudflare WebMCP for social media or blog use.

观看135
点赞1
评论0
分享0
收藏0
引用0
翻译
目标:创作一张宽幅对比图,显示恰好4个独立的日文信息图表海报页面并排,每个页面解释{argument name="topic" default="Cloudflare WebMCP"}。这些海报应该看起来像是精致的AI生成科技解说投视频,用于社群媒体,有密集但可读的日文文案、Cloudflare品牌标识、图标、图表和部分卡片。

画布:超宽横向画布,长宽比约3:1,从左到右排列4张高大的白色信息图表页面。每个页面由细薄的黑色垂直间隙或边框分隔。每个页面都有干净的白色背景、圆角柔和的部分框、彩色标题、小型图标、箭头,以及一些页面右下角的半透明深色圆角按钮覆盖。

整体视觉风格:现代日文SaaS/技术信息图表设计,Cloudflare橙蓝配色方案,平面矢量图标,细灰色边框,圆角卡片,微小的代码块,流程图,对勾,警告三角形,盾牌/安全图标,机器人,浏览器窗口,AI代理图标,数据库,云朵和网络箭头。使用清晰的印刷投视频外观,配有非常小但可信的日文文本。在每个页面的顶部附近包含Cloudflare云朵标志和「cloudflare」字样。用橙色突出显示「WebMCP」。

页面布局:包含恰好4个信息图表页面:
1. 左页:标题「Cloudflare WebMCPとは?」带有橙色「WebMCP」,副标题关于WebMCP作为连接网站和AI代理的桥梁。包含恰好6个编号的水平部分:1)「WebMCPって何?」配有一个简单的网页到AI代理的图表和绿色「ポイント」项目符号;2)「なぜ必要なの?」配有红色X问题项目符号和橙色解决方案项目符号;3)「WebMCPの仕组み」配有5步骤图标流程;4)「Webサイト侧の实装イメージ」左侧有深色代码片段块,右侧有益处卡片;5)「セキュリティ」配有绿色检查清单和Chrome/WebMCP工具卡片;6)「まとめ: WebMCPのメリット」配有四个益处图标。
2. 第二页:标题「Cloudflare WebMCPとは?」带有一个小型橙色Cloudflare标志和说明段落。包含恰好5个编号部分:1)「WebMCPとは?」显示AI代理、网页应用程序和Cloudflare WebMCP连接;2)「仕组み: WebMCPはどのように动作する?」配有从AI代理到WebMCP端点到用户批准再到工具运行的从左到右流程;3)「Cloudflare が WebMCP を简単にできる理由」配有紫色功能卡片和代码片段;4)「导入の流れ」配有 Workers/Pages、API定义、端点、MCP设置和AI使用 的橙色步骤卡片;5)「セキュリティと権限の考え方」配有红色警告/安全卡片。在右下角添加一个深色药丸覆盖,上面写着「もっと生成」。
3. 第三页:标题「Cloudflare WebMCPとは?」带有副标题关于在网站上为AI代理发布工具。包含恰好7个编号部分,带有紧凑卡片:1)「WebMCPの主な概念」配有三个卡片,分别代表AI代理、WebMCP和安全/权限;2)「Cloudflareが提供するWebMCPの仕组み」配有详细的架构图,使用浏览器、Cloudflare、worker、API和数据保存库图标;3)「WebMCPの活用例」配有多个小型使用案例卡片;4)「なぜCloudflareでWebMCPが使いやすい?」在一个橙色条带中,配有优势图标;5)「实装例: シンプルなサイト连携」配有一个小型表单/表格和工具卡片;6)「导入ステップ」配有5步骤水平流程;7)「セキュリティのポイント」配有绿色检查清单卡片。在底部附近添加一个深色药丸覆盖,上面写着「さらに深く考える」。
4. 右页:标题「Cloudflare WebMCPとは?」带有橙色Cloudflare标志和右上角的一个小型浏览器/网址列插图,以及一个AI代理图标。包含恰好6个编号部分:1)「WebMCPとは?」配有定义项目符号和一个从网页应用程序到AI代理的图表;2)「なぜCloudflareがWebMCPを推进している?」配有恰好4个卡片,描述AI友好网络、安全、开放标准和Cloudflare生态系统;3)「WebMCPの仕组み」配有恰好5个图标步骤,从网站/API到MCP端点到AI请求到工具运行再到结果;4)「WebMCP manifest のイメージ」配有深色代码块和绿色检查清单卡片;5)「セキュリティとして重要」配有警告和权限卡片;6)「まとめ: WebMCPの価値」配有四个蓝色/紫色益处卡片。

文本内容:每个页面的主要标题必须包含{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个部分。不要包含人物或写实场景。不要添加浮水印。使图像信息密集,就像一张生成的社群媒体对比图,展示四个不同的信息图表设计。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 原始帖子 在 Hitboard 打开