Practical guide · 8 min read

Build a small tool with Sites, Artifacts or Canvas

Choose the workspace based on what you need to publish, share and maintain.

What you’ll finish with A small working prototype and a checklist for sharing it.

AI-generated guidance. These are suggested workflows, not hands-on test results.

The walkthrough

  1. Choose one useful interaction

    Start with a calculator, checklist or explainer. Write the inputs, expected output and one realistic example. Avoid adding accounts, payments and private data to a first experiment.

  2. Choose the destination

    Use Sites when publishing a website is central to the task. Compare Artifacts or Canvas for work you want to develop interactively inside the assistant. Check the available export and sharing options before choosing.

  3. Build and test the same example

    Supply the brief and a known example. Check the result on a narrow phone screen and with keyboard navigation. Try empty fields, very long inputs and an obviously invalid value.

  4. Inspect the sharing settings

    Preview the actual shared result. Confirm that private source material is not included, links work and you understand any hosting or usage limits. Keep a copy of the brief so future changes are easier.

Text to start with

Replace the bracketed sections with your own details.

Build a small [calculator/checklist/explainer] for [audience]. Inputs: [fields]. Expected result for this example: [example]. Keep the layout usable on a phone and with a keyboard. Explain any assumptions that affect the result. Do not publish until I have checked the preview.

Check the result

  • Does the known example produce the right result?
  • Can someone use it without your chat history?
  • Are sharing, export and usage limits suitable?

Before paying

These features may require an eligible plan. Hosting and visitor usage can have limits beyond the chat allowance.

Tools to consider

Choose by fit for your task. Affiliate availability does not determine this list.

Official reference

ChatGPT Sites documentation ↗

Check the provider’s current documentation for feature access and plan limits.

Try another workflow