Building and Deploying Websites with ChatGPT Sites

Workflow for Site Generation

To initiate a site build, use the @sites command within the ChatGPT desktop app's Work tab. This triggers the agent to generate code that renders in the native ChatGPT browser, providing a persistent preview environment that replaces local development workflows. Unlike localhost, these sites are hosted on chatgpt.site subdomains, allowing for easier sharing and access control.

Design Iteration and Styling

To refine designs, integrate the MagicPath plugin to create an infinite canvas for visual development. Users can pull section references from existing websites using browser extensions or Pinterest, then paste these into the MagicPath project. By selecting a specific component and prompting the agent to match the style guide of a reference image, users can transform document-style layouts into landing pages.

For complex, multi-part design changes, use the Clicky tool to dictate visual requirements. Clicky generates a consolidated prompt based on verbal instructions—such as adjusting font sizes, removing navbar elements, or swapping background images—which can then be pasted directly into the ChatGPT interface to apply bulk updates to the codebase. Once satisfied, the updated component can be pushed back to the primary site instance.

Publishing and Management

Once the design is finalized, sites can be published to the public internet via the Explore tab. ChatGPT Sites supports custom domain mapping by providing CNAME records for DNS configuration. The platform also includes built-in analytics for tracking unique visitors and page views, as well as database connectivity for storing application-specific data like visitor sessions.