ChatGPT (web) on FreeGameStore

Build a free game using ChatGPT (web). The agent reads the platform's SKILLS.md and knows the brand rules, the CLI, and the deploy flow before it writes a line of code.

Before you start: install Node 22+ and the FreeGameStore CLI.
npm i -g @freegamestore/cli fgs login

Set up ChatGPT for FreeGameStore work

  1. Open ChatGPT in a browser

    Go to chatgpt.com. Plus or Pro subscriptions give you access to GPT-5 (or whatever the latest is) which handles the platform's TypeScript + React idioms much better than free tier.

  2. Scaffold locally first

    ChatGPT can't run shell commands directly (unless you use Code Interpreter). Scaffold the game on your machine, then bring code into ChatGPT for help.

    fgs init my-game --template canvas cd my-game
  3. Open a new chat with the platform context

    Paste this as your first message:

    I'm building a game for FreeGameStore. Read the platform guide here for context: https://freegamestore.online/skills.md Hard rules: - Manrope + Fraunces fonts only. - Brand CSS tokens via var(--accent), var(--ink), var(--paper). - Zero tracking SDKs. - Use the Shell component for layout. I'll paste the file you should edit in the next message.

    ChatGPT's browser tool will fetch the URL and load the platform context. From there, paste your web/src/App.tsx and ask for changes.

  4. Use a Project

    If you have ChatGPT Plus, create a Project for this game. Paste the platform context into the Project's instructions and pin the SKILLS.md URL — every chat in the Project inherits it.

Prompt the build

[paste current web/src/App.tsx contents] Add a dark-mode-aware bar chart of the daily lap times to my stopwatch game. Use SVG (no chart library). Don't break the existing keyboard shortcuts.
Refactor this component to extract the timer logic into a useTimer hook with proper cleanup on unmount. Add unit tests with vitest. Output the full new files.

Iterate

  1. Run the dev server
    cd my-game && pnpm install && pnpm dev

    The agent will tell you which file it edited; refresh the browser to see the change.

  2. Run compliance checks
    fgs check

    Catches missing brand fonts, tracking SDKs, oversized bundles, and missing PWA manifest before publish.

  3. Publish
    fgs publish --store games

    Provisions github.com/freegamestore-online/my-game, the Cloudflare Pages project, the DNS record, custom subdomain at my-game.freegamestore.online, and the storefront entry — atomically.

  4. Push your code
    git push upstream main

    Auto-deploys via Cloudflare Pages in ~30 seconds. Future commits to main deploy automatically.

What the AI knows (and doesn't ask you for)

Once SKILLS.md is loaded, the agent will:

The compliance suite (fgs check) enforces all of the above on every push, so even if the AI slips, the platform catches it.

Get the source

The CLI, SDK, and compliance package live at https://github.com/freegamestore-online/platform. Reading the source is allowed — and often illuminating when you're trying to coax a difficult prompt.

Tips for ChatGPT (web) specifically