Home / Prompts / wikiHow Article Mockup

wikiHow Article Mockup

An instructional wikiHow-style guide page explaining how to use GPT-Image 2 on arena.ai, with step-by-step website UI mockups and navigation elements. The layout looks like an educational article with a green wikiHow header, sidebar, and embedded interface screenshots.

Model: gpt-image-2Category: Infographic/Edu VisualStyle: IllustrationLanguage: en

Prompt

{   "type": "wikiHow article mockup",   "header": {     "background": "green",     "elements": [       "hamburger menu icon",       "wikiHow logo",       "search bar with 'Search how to...' text",       "5 navigation icons: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN"     ]   },   "breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT",   "article_info": {     "title": "{argument name=\"article title\" default=\"How To Use GPT-Image 2\"}",     "metadata": "Written by wikiHow Staff | Updated: June 10, 2024",     "sidebar": [       "PDF Download Article button",       "METHODS box: 1 Using GPT-Image 2 on Arena.ai"     ]   },   "intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quailly, 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": "{argument name=\"step 1 title\" default=\"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": "dark mode website UI mockup",         "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: {argument name=\"model name\" default=\"duct-tape-3\"}",           "settings": "Default",           "text_input": "Enter your prompt here...",           "button": "Run"         }       }     },     {       "number": 2,       "title": "{argument name=\"step 2 title\" default=\"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": "{argument name=\"step 3 title\" default=\"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...

Related Prompts

  • Cinematic Boxing Match Poster
  • Anime Art Process Infographic
  • Y2K Teen Magazine Studio Portrait
  • Y2K Retro-Tech Youth Portrait

Explore More

Browse more prompts by model or return to the full gallery for filters and interactions.

Open Gallery More gpt-image-2 Prompts