Four Cloudflare WebMCP Infographic Posters
Creates a wide four-panel Japanese technical infographic explaining Cloudflare WebMCP for social media or blog use.
Prompt
Objetivo: Criar uma imagem comparativa ampla mostrando exatamente 4 páginas de infográfico japonesas separadas lado a lado, cada uma explicando {argument name="topic" default="Cloudflare WebMCP"}. Os pôsteres devem parecer slides explicativos de tecnologia gerados por IA, com texto em japonês denso, porém legível, branding da Cloudflare, ícones, diagramas e cartões de seção.
Canvas: Canvas horizontal extra largo, proporção de aproximadamente 3:1, com 4 páginas de infográfico verticais brancas organizadas da esquerda para a direita. Cada página é separada por finas lacunas ou bordas verticais pretas. Cada página possui um fundo branco limpo, caixas de seção arredondadas em tons pastéis, cabeçalhos coloridos, ícones pequenos, setas e uma sobreposição de botão arredondado escuro semitransparente no canto inferior direito em algumas páginas.
Estilo visual geral: Design de infográfico técnico/SaaS japonês moderno, paleta de cores laranja e azul da Cloudflare, ícones vetoriais planos, bordas cinzas finas, cartões arredondados, pequenos blocos de código, diagramas de fluxo, marcas de verificação, triângulos de aviso, ícones de escudo/segurança, robôs, janelas de navegador, ícones de agente de IA, bancos de dados, nuvens e setas de rede. Use um visual de slide impresso nítido com texto em japonês muito pequeno, mas verossímil. Inclua logotipos de nuvem da Cloudflare e a palavra “cloudflare” perto do topo de cada página. Destaque “WebMCP” em laranja.
Layout da página: Inclua exatamente 4 páginas de infográfico:
1. Página esquerda: Título “Cloudflare WebMCPとは?” com “WebMCP” em laranja, subtítulo sobre o WebMCP como uma ponte conectando sites e agentes de IA. Inclua exatamente 6 seções horizontais numeradas: 1) “WebMCPって何?” com um diagrama simples de página da web para agente de IA e marcadores verdes de “ポイント”; 2) “なぜ必要なの?” com marcadores de problema em vermelho (X) e marcadores de solução em laranja; 3) “WebMCPの仕組み” com um fluxo de ícones de 5 etapas; 4) “Webサイト側の実装イメージ” com um bloco de código escuro à esquerda e cartões de benefícios à direita; 5) “セキュリティ” com lista de verificação verde e cartão de ferramenta Chrome/WebMCP; 6) “まとめ: WebMCPのメリット” com quatro ícones de benefícios.
2. Segunda página: Título “Cloudflare WebMCPとは?” com um pequeno logotipo laranja da Cloudflare e parágrafo explicativo. Inclua exatamente 5 seções numeradas: 1) “WebMCPとは?” mostrando agente de IA, aplicação web e conexão Cloudflare WebMCP; 2) “仕組み: WebMCPはどのように動作する?” com um fluxo da esquerda para a direita do agente de IA para o endpoint WebMCP, aprovação do usuário e execução da ferramenta; 3) “Cloudflare が WebMCP を簡単にできる理由” com cartões de recursos roxos e um bloco de código; 4) “導入の流れ” com cartões de etapa laranja para Workers/Pages, definição de API, endpoint, configuração de MCP e uso de IA; 5) “セキュリティと権限の考え方” com cartões de aviso/segurança vermelhos. Adicione uma sobreposição de pílula escura no canto inferior direito escrito “もっと生成”.
3. Terceira página: Título “Cloudflare WebMCPとは?” com subtítulo sobre publicação de ferramentas em sites para agentes de IA. Inclua exatamente 7 seções numeradas com cartões compactos: 1) “WebMCPの主な概念” com três cartões para agente de IA, WebMCP e segurança/permissão; 2) “Cloudflareが提供するWebMCPの仕組み” com um diagrama de arquitetura detalhado usando ícones de navegador, Cloudflare, worker, API e armazenamento de dados; 3) “WebMCPの活用例” com vários cartões de casos de uso pequenos; 4) “なぜCloudflareでWebMCPが使いやすい?” em uma faixa laranja com ícones de benefícios; 5) “実装例: シンプルなサイト連携” com um pequeno formulário/tabela e cartões de ferramentas; 6) “導入ステップ” com um fluxo horizontal de 5 etapas; 7) “セキュリティのポイント” com cartões de lista de verificação verdes. Adicione uma sobreposição de pílula escura perto da parte inferior escrito “さらに深く考える”.
4. Página direita: Título “Cloudflare WebMCPとは?” com um logotipo laranja da Cloudflare e uma pequena ilustração de navegador/barra de endereço no canto superior direito, além de um ícone de agente de IA. Inclua exatamente 6 seções numeradas: 1) “WebMCPとは?” com marcadores de definição e um diagrama de aplicação web para agente de IA; 2) “なぜCloudflareがWebMCPを推進している?” com exatamente 4 cartões descrevendo web amigável para IA, segurança, padrões abertos e ecossistema Cloudflare; 3) “WebMCPの仕組み” com exatamente 5 etapas de ícones de site/API para endpoint MCP, solicitação de IA, execução de ferramenta e resultado; 4) “WebMCP manifest のイメージ” com um bloco de código escuro e um cartão de lista de verificação verde; 5) “セキュリティとして重要” com cartões de aviso e permissão; 6) “まとめ: WebMCPの価値” com quatro cartões de benefícios azul/roxos.
Conteúdo de texto: O título principal em cada página deve incluir {argument name="headline text" default="Cloudflare WebMCPとは?"}. Mantenha todo o texto visível do corpo em japonês. Use rótulos japoneses credíveis como “AIエージェント”, “Webサイト”, “MCPサーバー”, “ツール定義”, “認可”, “権限管理”, “Workers”, “Pages”, “API”, “manifest”, “セキュリティ” e “導入ステップ”. Use texto pequeno onde necessário, mas mantenha os títulos das seções principais legíveis.
Branding e cores: Use o branding da {argument name="brand name" default="Cloudflare"}, logotipos de nuvem laranja, cabeçalhos de seção azuis, caixas de sucesso verdes, caixas de destaque laranja, caixas de recursos roxas, caixas de segurança/aviso vermelhas e cartões explicativos cinzas. Mantenha uma estética profissional de infográfico de blog de tecnologia japonês.
Restrições: Mostre exatamente 4 páginas, exatamente 6 seções na página 1, 5 seções na página 2, 7 seções na página 3 e 6 seções na página 4. Não inclua pessoas ou cenas fotorrealistas. Não adicione marcas d'água. Torne a imagem densa em informações, como uma comparação de redes sociais gerada de quatro designs de infográficos alternativos.
Tradução automática — o prompt original é o que gerou este resultado.
Prompt original
Goal: Create a wide comparison image showing exactly 4 separate Japanese infographic poster pages side by side, each explaining {argument name="topic" default="Cloudflare WebMCP"}. The posters should look like polished AI-generated tech explainer slides for social media, with dense but readable Japanese copy, Cloudflare branding, icons, diagrams, and section cards.
Canvas: Extra-wide horizontal canvas, approximately 3:1 aspect ratio, with 4 tall white infographic pages arranged left-to-right. Each page is separated by thin black vertical gaps or borders. Each page has a clean white background, rounded pastel section boxes, colored headers, small icons, arrows, and a bottom-right semi-transparent dark rounded button overlay on some pages.
Overall visual style: Modern Japanese SaaS/technical infographic design, Cloudflare orange-and-blue palette, flat vector icons, thin gray borders, rounded cards, tiny code blocks, flow diagrams, checkmarks, warning triangles, shield/security icons, robots, browser windows, AI agent icons, databases, clouds, and network arrows. Use a crisp printed-slide look with very small but believable Japanese text. Include Cloudflare cloud logo marks and the word “cloudflare” near the top of each page. Highlight “WebMCP” in orange.
Page layout: Include exactly 4 infographic pages:
1. Left page: Title “Cloudflare WebMCPとは?” with orange “WebMCP”, subtitle about WebMCP as a bridge connecting web sites and AI agents. Include exactly 6 numbered horizontal sections: 1) “WebMCPって何?” with a simple web page to AI-agent diagram and green “ポイント” bullets; 2) “なぜ必要なの?” with red X problem bullets and orange solution bullets; 3) “WebMCPの仕組み” with a 5-step icon flow; 4) “Webサイト側の実装イメージ” with a dark code snippet block on the left and benefit cards on the right; 5) “セキュリティ” with green checklist and Chrome/WebMCP tool card; 6) “まとめ: WebMCPのメリット” with four benefit icons.
2. Second page: Title “Cloudflare WebMCPとは?” with a small orange Cloudflare logo and explanatory paragraph. Include exactly 5 numbered sections: 1) “WebMCPとは?” showing AI agent, web application, and Cloudflare WebMCP connection; 2) “仕組み: WebMCPはどのように動作する?” with a left-to-right flow from AI agent to WebMCP endpoint to user approval to tool execution; 3) “Cloudflare が WebMCP を簡単にできる理由” with purple feature cards and a code snippet; 4) “導入の流れ” with orange step cards for Workers/Pages, API definition, endpoint, MCP setup, and AI use; 5) “セキュリティと権限の考え方” with red warning/security cards. Add a dark pill overlay at lower right reading “もっと生成”.
3. Third page: Title “Cloudflare WebMCPとは?” with subtitle about publishing tools on web sites for AI agents. Include exactly 7 numbered sections with compact cards: 1) “WebMCPの主な概念” with three cards for AI agent, WebMCP, and security/permission; 2) “Cloudflareが提供するWebMCPの仕組み” with a detailed architecture diagram using browser, Cloudflare, worker, API, and data-store icons; 3) “WebMCPの活用例” with multiple small use-case cards; 4) “なぜCloudflareでWebMCPが使いやすい?” in an orange band with benefit icons; 5) “実装例: シンプルなサイト連携” with a small form/table and tool cards; 6) “導入ステップ” with a 5-step horizontal flow; 7) “セキュリティのポイント” with green checklist cards. Add a dark pill overlay near the bottom reading “さらに深く考える”.
4. Right page: Title “Cloudflare WebMCPとは?” with an orange Cloudflare logo and a small browser/address-bar illustration at top right plus an AI agent icon. Include exactly 6 numbered sections: 1) “WebMCPとは?” with definition bullets and a diagram from web app to AI agent; 2) “なぜCloudflareがWebMCPを推進している?” with exactly 4 cards describing AI-friendly web, security, open standards, and Cloudflare ecosystem; 3) “WebMCPの仕組み” with exactly 5 icon steps from site/API to MCP endpoint to AI request to tool execution to result; 4) “WebMCP manifest のイメージ” with a dark code block and a green checklist card; 5) “セキュリティとして重要” with warning and permission cards; 6) “まとめ: WebMCPの価値” with four blue/purple benefit cards.
Text content: The main headline on every page must include {argument name="headline text" default="Cloudflare WebMCPとは?"}. Keep all visible body text in Japanese. Use credible Japanese labels such as “AIエージェント”, “Webサイト”, “MCPサーバー”, “ツール定義”, “認可”, “権限管理”, “Workers”, “Pages”, “API”, “manifest”, “セキュリティ”, and “導入ステップ”. Use tiny text where necessary but keep major section titles legible.
Branding and colors: Use {argument name="brand name" default="Cloudflare"} branding, orange cloud logos, blue section headers, green success boxes, orange highlight boxes, purple feature boxes, red security/warning boxes, and gray explanatory cards. Maintain a professional Japanese tech-blog infographic aesthetic.
Constraints: Show exactly 4 pages, exactly 6 sections on page 1, 5 sections on page 2, 7 sections on page 3, and 6 sections on page 4. Do not include people or photorealistic scenes. Do not add watermarks. Make the image information-dense, like a generated social-media comparison of four alternate infographic designs.✨ Gerar Salvar Publicação original Abrir no Hitboard