What you'll make
A responsive rate-card website with checked content, links, and contact details.
Build a mobile rate-card website with ChatGPT
Who this is for
Freelancers, creators, founders, and small teams that need a simple public website without starting from a blank page.
Step by step
Run the workflow
- 01
Review the workflow
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- complete workflow I used to create this video.
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 02
Prepare ChatGPT
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Click here to open ChatGPT (opens in a new tab)Direct link supplied in the source. Source page 4.
- Preparation Preparation
- Download the ChatGPT desktop app.
- Log in and set up your account.
Use this visual to confirm the expected setup or result. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 03
Open the rate-card prompt
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Click here to open SIA's prompt or template for this tutorial (opens in a new tab)Direct link supplied in the source. Source page 5.
- View the prompt template and example here:
- TEMPLATE PROMPT & EXAMPLE PROMPT
Check the prompt field, reference order, and visible settings. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 04
Start a Codex project
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Use this to create your rate card.
- In the top-left corner, select Codex.
- Under Projects, select Start from scratch.
- Name your project.
- Then select the chat button.
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 05
Run the Sites builder
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- For this task, Sol Medium or Sol High is sufficient.
- Paste the prompt, then type @sites to activate the Sites builder, then run it.
Check the prompt field, reference order, and visible settings. 
Check the prompt field, reference order, and visible settings. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 06
Review the first result
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Once it's done, review the result.
Use this source result as the visual comparison point for the step. 
Use this source result as the visual comparison point for the step. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 07
Request revisions
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Use Annotate in the top-right corner to leave feedback and request changes.
- Alternatively, type your requested changes in the chat box.
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 08
Publish and test the site
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- Once it's ready, publish the site and share your rate card with clients.
- Clients can view your rate card on their phones.
Use this visual to confirm the expected setup or result. 
Use this visual to confirm the expected setup or result. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
- 09
Update the rate card
Use the source inputs to complete this stage and produce a result that can be checked before continuing.
- You can update your rate card whenever you need to.
- After a few revisions and customizations, here's the final result:
Use this source result as the visual comparison point for the step. 
Use this source result as the visual comparison point for the step. Common failure modes- The page looks correct on desktop but overflows or hides an action on mobile.
- A price, service detail, link, or contact field differs from the source information.
Before you use it
Final checks
- Check the full result for changed people, products, text, timing, or layout.
- Confirm the tool, model, controls, and cost before generating.
- Keep private or unreleased material out of third-party tools.
Share your work
Made it? Show me.
Post your finished result on Instagram and tag @terencesia. I'll share a few standout results with the community.
Tag @terencesia on Instagram (opens in a new tab)Next step
Run one low-cost test, record the first visible failure, and revise only the instruction or source asset tied to that problem.
Back to the tutorial librarySources
What this guide relies on
- ChatGPT (opens in a new tab)chatgpt.com. Reviewed 2026-08-18.
- SIA's prompt or template for this tutorial (opens in a new tab)docs.google.com. Reviewed 2026-08-18.