# GPT Image Hub prompt

## Cloudflare WebMCP 日系技術資訊圖海報
- URL: https://www.gptimagehub.com/zh-TW/library/cloudflare-webmcp-japanese-tech-infographics
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-30904
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fcloudflare-webmcp-japanese-tech-infographics
- Category: 資訊圖與教育
- Model: gpt-image-2
- Aspect ratio: 21:9
- Style: graphic-design
- Tags: 資訊圖, 日文設計, saas, cloudflare, 技術流程圖, 海報設計, ui ux
- Updated: 2026-10-28T04:19:48.098Z
- Created: 2026-10-28T04:19:48.098Z

生成四聯排日系 SaaS 科技資訊圖解海報，詳解 Cloudflare WebMCP。修改方括號內的技術主題與品牌即可套用至任何概念。

### Full prompt
```text
一張超寬的對比展示圖，並排呈現四張獨立的豎版日文技術資訊圖海報，詳細解析 [Cloudflare WebMCP]。現代日系 SaaS 科技解說幻燈片風格，資訊密集度高，純白背景，精緻的扁平向量圖示，圓角卡片，微型程式碼塊和流程圖。採用 [Cloudflare] 標誌性的橙色與藍色調，搭配綠、紫、紅等狀態點綴色。

畫布呈超寬橫版，從左至右排列四張豎版幻燈片，以細微邊距分隔：

- 第 1 頁（共 6 個版塊）：主標題 '[Cloudflare WebMCPとは?]'（WebMCP 為橙色），副標題說明其作為網站與 AI 代理橋樑的作用。1) 'WebMCPって何?' 包含網站到 AI 的圖表。2) 'なぜ必要なの?' 紅色痛點與橙色方案。3) 'WebMCPの仕組み' 5 步流程。4) 'Webサイト側の実裝イメージ' 黑色程式碼塊。5) 'セキュリティ' 檢查清單。6) 'まとめ: WebMCPのメリット' 4 個優勢圖示。
- 第 2 頁（共 5 個版塊）：標題 '[Cloudflare WebMCPとは?]' 帶有橙色雲朵標誌。1) 'WebMCPとは?' 2) '仕組み: WebMCPはどのように動作する?' 工具執行流程。3) 'Cloudflare が WebMCP を簡単にできる理由' 紫色特性卡片。4) '匯入の流れ' 橙色步驟（Workers、API、端點、MCP、AI）。5) 'セキュリティと権限の考え方' 警示徽章。右下角懸浮黑色膠囊按鈕 'もっと生成'。
- 第 3 頁（共 7 個版塊）：標題 '[Cloudflare WebMCPとは?]'。1) 'WebMCPの主な概念'。2) 'Cloudflareが提供するWebMCPの仕組み' 架構圖。3) 'WebMCPの活用例'。4) 'なぜCloudflareでWebMCPが使いやすい?' 橙色優勢條。5) '実裝例: シンプルなサイト連攜'。6) '匯入ステップ' 5 步流程。7) 'セキュリティのポイント'。底部膠囊按鈕 'さらに深く考える'。
- 第 4 頁（共 6 個版塊）：標題 '[Cloudflare WebMCPとは?]' 附帶瀏覽器模型。1) 'WebMCPとは?' 2) 'なぜCloudflareがWebMCPを推進している?' 4 張卡片。3) 'WebMCPの仕組み' 5 步圖示。4) 'WebMCP manifest のイメージ' 程式碼塊與清單。5) 'セキュリティとして重要' 許可權說明。6) 'まとめ: WebMCPの価値' 4 張藍紫色卡片。

所有文字均為地道且清晰的日文技術術語（'AIエージェント'、'Webサイト'、'MCPサーバー'、'Workers'、'セキュリティ'）。純平面設計佈局，無寫實人物或攝影元素。
```