Four Cloudflare WebMCP Infographic Posters

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

목표: {argument name="topic" default="Cloudflare WebMCP"}를 설명하는 4개의 개별 일본어 인포그래픽 포스터 페이지를 나란히 배치한 가로형 비교 이미지를 생성합니다. 포스터는 소셜 미디어를 위한 세련된 AI 생성 기술 설명용 Slides처럼 보여야 하며, 밀도 높지만 읽기 쉬운 일본어 텍스트, Cloudflare 브랜딩, 아이콘, 다이어그램 및 섹션 카드를 포함해야 합니다.

캔버스: 약 3:1 종횡비의 가로로 긴 캔버스에 4개의 세로형 흰색 인포그래픽 페이지를 왼쪽에서 오른쪽으로 배치합니다. 각 페이지는 얇은 검은색 세로 간격이나 테두리로 구분됩니다. 각 페이지는 깔끔한 흰색 배경, 둥근 파스텔 톤의 섹션 박스, 유색 헤더, 작은 아이콘, 화살표를 사용하며, 일부 페이지 오른쪽 하단에는 반투명한 어두운 색상의 둥근 버튼 오버레이가 있습니다.

전반적인 시각 스타일: 현대적인 일본 SaaS/기술 인포그래픽 디자인, Cloudflare의 주황색 및 파란색 팔레트, 플랫 벡터 아이콘, 얇은 회색 테두리, 둥근 카드, 작은 코드 블록, 흐름도, 체크 표시, 경고 삼각형, 방패/보안 아이콘, 로봇, 브라우저 창, AI 에이전트 아이콘, 데이터베이스, 클라우드 및 네트워크 화살표를 사용합니다. 매우 작지만 읽을 수 있는 일본어 텍스트가 포함된 깔끔한 슬라이드 형태를 유지하세요. 각 페이지 상단 근처에 Cloudflare 클라우드 로고 마크와 “cloudflare”라는 단어를 포함합니다. “WebMCP”는 주황색으로 강조하세요.

페이지 레이아웃: 정확히 4개의 인포그래픽 페이지를 포함합니다:
1. 왼쪽 페이지: 제목 “Cloudflare WebMCPとは?” (주황색 “WebMCP” 포함), 웹사이트와 AI 에이전트를 연결하는 가교로서의 WebMCP에 대한 부제목. 6개의 번호가 매겨진 가로 섹션 포함: 1) “WebMCPって何?” (웹 페이지에서 AI 에이전트로 이어지는 간단한 다이어그램과 녹색 “ポイント” 글머리 기호), 2) “なぜ必要なの?” (빨간색 X 문제 글머리 기호와 주황색 해결책 글머리 기호), 3) “WebMCPの仕組み” (5단계 아이콘 흐름), 4) “Webサイト側の実装イメージ” (왼쪽에 어두운 코드 스니펫 블록, 오른쪽에 혜택 카드), 5) “セキュリティ” (녹색 체크리스트와 Chrome/WebMCP 도구 카드), 6) “まとめ: WebMCPのメリット” (4개의 혜택 아이콘).
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, 보안/권한을 위한 3개의 카드), 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を推進している?” (AI 친화적 웹, 보안, 개방형 표준, Cloudflare 생태계를 설명하는 4개의 카드), 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개의 섹션을 포함하세요. 사람이나 실사 장면은 포함하지 마세요. 워터마크를 추가하지 마세요. 4가지 대체 인포그래픽 디자인을 비교하는 소셜 미디어 게시물처럼 정보 밀도가 높은 이미지를 만드세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기