Build a working website prototype from an idea with ChatGPT Work

Build a fully functional website prototype from your idea using ChatGPT Work, complete with structured layouts, interactive elements, and clear user flows that help you visualize and refine your concept before development.

ChatGPT Work is a dedicated agent that acts as your intelligent work assistant. It's powered by advanced GPT models, and it takes you beyond basic chatting by connecting your files, apps, and computer to execute end-to-end tasks such as building websites and spreadsheets, organizing data, and pretty much anything Claude Cowork can do.

In this guide, we’ll show you how to take a website idea and turn it into a working prototype using ChatGPT Work and the Codex app, powered by the new GPT-5.6 models.

We will build a prototype directory for Astro.js roguelike and roguelite games on Nintendo Switch. It will feature a homepage, filters, detail pages, structured game data, and images that ChatGPT work agents use to populate the site.

This setup works just as well for tools, products, books, services, local businesses, or really any collection where each item follows the same basic structure.

By the end of this guide, you'll be able to:

  • Download or update the ChatGPT desktop app

  • Create a project and write a PRD

  • Research the directory and build it in Codex

  • Review the website prototype and choose a model

Let's dive in!

AI Academy

Unlock this tutorial

+ 300 other AI tutorials on ChatGPT, Claude, Midjourney & more

$40$19/mobilled annually
Try free for 7 days

Start risk-free · Cancel anytime