Build a working website prototype from an idea with ChatGPT Work
ChatGPT WorkBuild 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.
TL;DR
You'll learn to turn your website idea into a working prototype using ChatGPT Work and the Codex app. You'll build a directory with homepage, filters, and detail pages, structured for any collection of items. By the end, you'll have a functional prototype you can review and refine.
Who this is for
- Product managers who need to validate concepts
- Designers who want to quickly prototype without coding
- Non-technical founders who want to communicate their vision
What you'll build
A working prototype of a directory website for Astro.js roguelike and roguelite games on Nintendo Switch, featuring a homepage, filters, detail pages, structured game data, and images.
Steps in this tutorial
- Before you start
- Step 1: Download or update the ChatGPT desktop app
- Step 2: Create a project and write a PRD
- Step 3: Research the directory and build it in Codex
- Step 4: Review the website prototype and choose a model
The step-by-step instructions, prompts and screenshots are for AI Academy subscribers.
Unlock the full AI Academy
This tutorial and every other one, on ChatGPT, Claude, Midjourney & the other AI tools we cover
Start risk-free · Cancel anytime
Already a member? Sign inUnlock the full AI Academy
This tutorial and every other one, on ChatGPT, Claude, Midjourney & the other AI tools we cover
Start risk-free · Cancel anytime
Already a member? Sign in
