AI website prompts for OpenAI Codex

Build an analytics dashboard for a subscription business. Layout: a 240px left sidebar, collapsible... 🔒 Unlock the full prompt with Pro access to see the complete metric tile specs, chart configurations, data table columns, loading skeletons, and empty state designs.

Build a product detail page for a single-product brand — a $180 leather weekender bag called Halden. Layout: a two-column split. Left column is a sticky image stack... 🔒 Unlock the full prompt with Pro access to see the complete buy panel specs, specification table, review distribution bar chart, and related products grid.

Build a category browse page for a marketplace selling used camera equipment. Layout: a left sidebar of faceted filters... 🔒 Unlock the full prompt with Pro access to see the complete faceted filter specs, card layout, sorting controls, and accessibility requirements.

Build an internal admin console for managing customer accounts. Screens: a list view and a detail drawer... 🔒 Unlock the full prompt with Pro access to see the complete list toolbar, table columns, bulk action bar, detail drawer layout, and required empty/error/permission states.

Build a portfolio for a documentary photographer. The interface should be almost invisible. Layout: no header on load. The first screen is a single full-bleed photograph... 🔒 Unlock the full prompt with Pro access to see the complete navigation reveal behavior, caption styling.

Build the front page of an online magazine covering architecture. Hierarchy is the entire brief... 🔒 Unlock the full prompt with Pro access to see the complete lead story layout, secondary story specs, Long reads band, headline density list, and typography system.

Build a standalone pricing page for a project management tool called Ledger. Aesthetic: brutalist but legible. Solid 2px black borders on every container, no radius anywhere... 🔒 Unlock the full prompt with Pro access to see the complete tier card specs, feature comparison table structure, and FAQ accordion implementation details.

Build a homepage for a six-person branding studio called Field & Form. Layout: a 12-column grid used asymmetrically... 🔒 Unlock the full prompt with Pro access to see the complete project layout alternation, services section, client list, and typography specifications.

Build a property detail page for a residential listing. Above the fold: a gallery mosaic... 🔒 Unlock the full prompt with Pro access to see the complete gallery structure, specification table, mortgage calculator, agent card layout, and RealEstateListing structured data.

Build a monitoring dashboard for a fleet of servers using translucency deliberately and sparingly. Rules for the glass effect: exactly two elements are translucent... 🔒 Unlock the full prompt with Pro access to see the full translucency specs, command bar layout, world map integration, and log stream implementation.

Build a scroll-driven story page for a hardware product — a modular camera called Aperture One. Core mechanic: one sticky canvas... 🔒 Unlock the full prompt with Pro access to see the complete 5-beat narrative structure, image sequence preloading, performance rules, and reduced-motion fallback.

Build a homepage hero with a WebGL background for a generative-art studio. The canvas: a full-viewport fragment shader... 🔒 Unlock the full prompt with Pro access to see the complete shader specs, FPS capping, contrast panel overlay, fallback strategy, and reduced-motion handling.