Works with ChatGPT & Codex

ChatGPT & Codex WebsiteTemplates & Prompts

Paste Weblisy component prompts into ChatGPT, or open an AI-ready Astro template in Codex and let it edit the project for you.

Explore TemplatesBrowse Components
See all templates

OpenAI gives you two ways to build with Weblisy. In a ChatGPT conversation you paste a prompt, get code back and copy it into your project yourself. Codex is OpenAI's coding agent: you point it at a project folder, and it reads the files, edits them and runs commands, in the ChatGPT desktop app or from the terminal with Codex CLI.

Use ChatGPT for single sections and quick experiments, and Codex for full templates and changes that touch several files. Depending on your approval settings, Codex asks before it edits files or runs commands.

Read the comparison: ChatGPT vs Codex for building websites

Start from a template in Codex

A chat cannot open a project folder, so open the template in Codex and let it work inside.

  1. Open the project

    Unzip the template and open the folder in the ChatGPT desktop app, or run codex from inside the folder in your terminal.

  2. Add an AGENTS.md

    Codex reads an AGENTS.md file in the project root. Use it to state your brand, colors and rules such as keep the existing fonts or use plain CSS.

  3. Ask for a plan, then changes

    Start with a request like explain how this template is organized and suggest how to turn it into a site for my bakery. When the plan looks right, ask Codex to apply it.

Build a section from a prompt

Weblisy prompts are plain text, so they work in a ChatGPT conversation and in a Codex session.

  1. Copy the prompt

    Open a component in the catalog, check the live preview, then use Copy Prompt. It describes the full section: layout, CSS, motion and image URLs.

  2. Choose where to paste it

    In ChatGPT, ask for a single HTML file with CSS and JavaScript, or an Astro component for your project. In Codex, say which page and position the section goes, and ask it to match the existing styles.

  3. Review and refine

    Open the result in your browser. In ChatGPT, ask for complete files instead of snippets and keep each section in its own chat. In Codex, read the diff before accepting it, and commit first if the project is in Git.

Starter prompt for ChatGPT
I'm building a website and need one section. Return a single complete HTML file with the CSS in a <style> block and any JavaScript in a <script> block. Keep every link as a placeholder (#). Do not shorten the code or leave comments like "rest of the code here".

[Paste the Weblisy component prompt here]

Replace the bracketed line with the prompt you copied from Weblisy.

Starter prompt for Codex
Explore this project and tell me how pages and components are organized. Then add the section described below as a new component on the home page, after the hero. Follow the conventions in AGENTS.md, reuse the existing fonts and colors, keep every link as a placeholder (#), and run the build to confirm nothing breaks.

[Paste the Weblisy component prompt here]

Replace the bracketed line with the prompt you copied from Weblisy.

Tips and good to know

  • Pick the tool for the job

    Use ChatGPT for one section or a quick test. Use Codex when a change touches several files or a whole template.

  • Ask ChatGPT for complete files

    Long answers sometimes get shortened with placeholders such as rest of the code unchanged. Ask for the full file, and tell ChatGPT your stack, since it cannot see your project.

  • Commit before Codex edits

    A clean Git history lets you compare Codex's edits with the previous version and roll back in seconds. Ask it to run the build after each change so errors show up right away.

Use Weblisy inside ChatGPT & Codex

Subscribers can add Weblisy to ChatGPT as a connector, and to Codex in the ChatGPT app or in the terminal, so the AI can look up components and read their prompts and code. The MCP page lists the exact steps.

MCP setup guide

Questions about ChatGPT & Codex

Should I use ChatGPT or Codex?

Use ChatGPT for single sections and quick experiments. Use Codex when you want an AI to work inside a whole project folder, edit several files and run commands.

Can ChatGPT build a whole website from a Weblisy prompt?

A component prompt builds one section. To build a full page, repeat the process section by section, or start from a template and let Codex edit it.

Can Codex run a Weblisy template?

Yes. Templates are Astro projects. Codex can install dependencies and start the dev server, subject to your approval settings, so you can preview changes as they happen.

What is AGENTS.md?

It is a plain text file in your project root with instructions for the AI, such as brand colors, naming rules and things not to touch. Codex reads it before working.

Want to try first? The Michael template and a selection of component prompts are free.See what's free

Using another AI tool?

Every guide covers a different workflow.

ClaudeCursorLovableAntigravity

Weblisy is an independent product. It is not affiliated with, sponsored by or endorsed by OpenAI. All product names are trademarks of their respective owners.