# ChatGPT (Codex or ChatGPT Work with Sites)
Paste this into Codex or ChatGPT Work, not the plain chat window. Sites needs the agent runtime. Open or upload this kit folder first so the agent can read spec.json, reference/ and assets/. Sites is available on Plus, Pro, Business and Enterprise plans (UK and EEA included since July 2026), not on Free or Go. Recommended model: Set in config.
@Sites Build and publish a website from the files in this folder. Publish visibility: anyone with the link. Keep assets/ in the project and reference them relatively. Then follow the PROJECT brief below exactly.
PROJECT
Build a single-page food website for "Spatial Vending" (Deep Aisle) from the files in this folder. The structure is in spec.json; do not invent one. This brief is written for a coding agent: every value below is exact, and the DO NOT ADD list is not negotiable.
READ FIRST
- spec.json (engine, sections, camera, interactions, budgets)
- reference/tokens.json (all colours, fonts, spacing and motion; never hardcode a value that exists here)
- reference/layout.png (subject bounding box and text safe area)
- reference/interaction-map.md (pointer and scroll behaviours with phone and reduced-motion substitutes)
- reference/camera-path.json and reference/scene-brief.json (scroll camera keyframes and how the scene was staged)
- assets/products/ (each pack as <id>.webp cut out on transparency, 900 high, and its back label as <id>-back.webp; replace them with your own cut-outs at the same height)
- site/ (a working reference implementation; adapt it rather than rewriting it)
The rest comes with the download.