# GPT Image Hub prompt

## wikiHow風ステップ別解説ページ
- URL: https://www.gptimagehub.com/ja/library/illustrated-wikihow-style-tutorial-page
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13657
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fillustrated-wikihow-style-tutorial-page
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: wikihow, モックアップ, uiデザイン, チュートリアル, インフォグラフィック, ウェブページ, レイアウト
- Updated: 2026-10-27T14:52:43.098Z
- Created: 2026-10-27T14:52:43.098Z

手順ガイドと埋め込みUIモックアップを備えたwikiHow風のチュートリアルWebページを生成します。タイトルや手順を自由に編集できます。

### Full prompt
```text
{
  "type": "wikiHow風記事モックアップ",
  "header": {
    "background": "green",
    "elements": [
      "ハンバーガーメニューアイコン",
      "wikiHowロゴ",
      "'Search how to...'と書かれた検索バー",
      "5つのナビゲーションアイコン: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN"
    ]
  },
  "breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT",
  "article_info": {
    "title": "[How To Use GPT-Image 2]",
    "metadata": "Written by wikiHow Staff | Updated: June 10, 2024",
    "sidebar": [
      "PDFダウンロードボタン",
      "METHODSボックス: 1 Using GPT-Image 2 on Arena.ai"
    ]
  },
  "intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quality, detailed, and accurate images from your text prompts. This wikiHow will show you how to try GPT-Image 2 for free on arena.ai.",
  "steps": [
    {
      "number": 1,
      "title": "[Go to arena.ai.]",
      "description": "Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator.",
      "embedded_image": {
        "type": "ダークモードWebサイトUIモックアップ",
        "logo": "arena",
        "navigation": ["Battle", "Side-by-Side", "Direct Chat", "Leaderboard", "Community", "Sign In", "Sign Up button"],
        "hero_text": "The world's largest arena for AI models",
        "input_ui": {
          "model_dropdown": "Model: [duct-tape-3]",
          "settings": "Default",
          "text_input": "Enter your prompt here...",
          "button": "Run"
        }
      }
    },
    {
      "number": 2,
      "title": "[Select the model 'duct-tape-3.']",
      "description": "Click the Model dropdown menu and choose 'duct-tape-3.' Duct-tape-3 is the name Arena uses for GPT-Image 2, OpenAI's most capable image generation model."
    },
    {
      "number": 3,
      "title": "[Prompt it.]",
      "description": "Type your prompt in the box and click Run. GPT-Image 2 will generate an image based on your description.",
      "tip_box": "TIP GPT-Image 2 is the best AI image generator because it produces incredibly detailed, accurate, and high-quality images, handles text well, follows complex instructions, and has a deep understanding of the world."
    }
  ]
}
```