add-3d-assets
Replace primitive 3D shapes with real GLB models — animated characters, world props, buildings, and scenery for Three.js games.…
Deploy browser games to here.now (default), GitHub Pages, or other hosting. Use when deploying a game, setting up hosting, or publishing a game build. Do NOT use for local development servers (use npm run dev).
$ npx -y skills add playableintelligence/game-creator --skill game-deploy --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/game-deployContext preview
The summary Claude sees to decide when to auto-load this skill.
Deploy browser games to here.now (default), GitHub Pages, or other hosting. Use when deploying a game, setting up hosting, or publishing a game build. Do NOT use for local development servers (use npm run dev).
name: game-deploy description: Deploy browser games to here.now (default), GitHub Pages, or other hosting. Use when deploying a game, setting up hosting, or publishing a game build. Do NOT use for local development servers (use npm run dev). argument-hint: "[platform]" license: MIT compatibility: Requires internet access. Uses npx (here.now) or gh CLI (GitHub Pages) for deployment. metadata: author: OpusGameLabs version: 1.3.0 tags: [game, deploy, hosting, here-now, github-pages]
Deploy your browser game for public access. **here.now is the default** — instant static hosting with zero configuration. GitHub Pages is available as an alternative when you need git-based deploys.
npm run build ~/.agents/skills/here-now/scripts/publish.sh dist/
The script outputs a live URL like `https://<slug>.here.now/`.
here.now serves from the subdomain root, so use the default base path:
export default defineConfig({
base: '/',
// ... rest of config
});Without an API key, publishes are **anonymous and expire in 24 hours**. The publish script returns a **claim URL** — the user MUST visit this URL and create a free here.now account to keep the site permanently. **The claim token is only shown once and cannot be recovered.** If they don't claim it, the site disappears.
**You MUST always tell the user about the 24-hour window and the claim URL after every anonymous publish.** This is not optional.
| Feature | Anonymous | Authenticated | |---------|-----------|---------------| | Expiry | **24 hours (then deleted!)** | Permanent | | Max file size | 250 MB | 5 GB | | Rate limit | 5/hour/IP | 60/hour/account |
To set up an API key for permanent hosting (skip the 24h window entirely):
First check if the key already exists: `test -f .env && grep -q '^HERENOW_API_KEY=.' .env && echo "found"` If found, export it with `set -a; . .env; set +a` and skip the prompt.
Otherwise: 1. Ask the user for their email 2. Send a magic link: `curl -sS https://here.now/api/auth/login -H "content-type: application/json" -d '{"email": "user@example.com"}'` 3. User clicks the link, copies their API key from the dashboard 4. User pastes the key like: `HERENOW_API_KEY=their-key-here` (saved to .env and redacted automatically) 5. Also save to credentials file: `mkdir -p ~/.herenow && grep '^HERENOW_API_KEY=' .env | cut -d= -f2- > ~/.herenow/credentials && chmod 600 ~/.herenow/credentials`
npm run build ~/.agents/skills/here-now/scripts/publish.sh dist/ --slug <slug>
The slug is saved in `.herenow/state.json` after each publish — the script auto-loads it for updates.
Add to `package.json`:
{
"scripts": {
"deploy": "npm run build && ~/.agents/skills/here-now/scripts/publish.sh dist/"
}
}For updates to an existing slug:
{
"scripts": {
"deploy": "npm run build && ~/.agents/skills/here-now/scripts/publish.sh dist/ --slug <slug>"
}
}Use GitHub Pages when you need git-based deployment or already have a GitHub repo set up.
npm run build && npx gh-pages -d dist
1. **Build the game**:
npm run build
2. **Ensure `vite.config.js` has the correct base path** if deploying to a subdirectory:
export default defineConfig({
base: '/<repo-name>/',
// ... rest of config
});3. **Deploy with GitHub CLI**:
gh repo create <game-name> --public --source=. --push npm install -D gh-pages npx gh-pages -d dist
4. **Enable GitHub Pages** in repo settings (should auto-detect the `gh-pages` branch).
Your game is live at: `https://<username>.github.io/<repo-name>/`
Add to `package.json`:
{
"scripts": {
"deploy": "npm run build && npx gh-pages -d dist"
}
}After deploying, register your game on Play.fun for monetization. Use the `/game-creator:playdotfun` skill for integration details.
The deployed URL becomes your `gameUrl` when registering:
await client.games.register({
name: 'Your Game Name',
gameUrl: 'https://<slug>.here.now/', // or GitHub Pages URL
maxScorePerSession: 500,
maxSessionsPerDay: 20,
maxCumulativePointsPerDay: 5000
});/game-deploy
Result: Builds `dist/` → publishes via here.now → game live at `https://<slug>.here.now/` in seconds. Adds `npm run deploy` script for future one-command deploys.
/game-deploy github-pages
Result: Builds with correct base path → pushes to `gh-pages` branch → game live at `https://<user>.github.io/<game>/` in 1-2 minutes.
**Cause:** Too many deployments in a short period. here.now has rate limiting on anonymous deployments. **Fix:** Wait a few minutes and retry. For frequent deployments, consider using GitHu
Go from game idea to deployed, monetized browser game in minutes — not hours. Tell your AI coding agent "make a space invaders game" and get a fully playable 2D or 3D browser game with pixel art, procedural audio, and automated QA. Deploy instantly to the web.
Replace primitive 3D shapes with real GLB models — animated characters, world props, buildings, and scenery for Three.js games.…
Replace geometric shapes with pixel art sprites — recognizable characters, enemies, and items with optional animation. Use when…
Add music and sound effects to a game using the Web Audio API — background music, gameplay themes, and SFX. Zero dependencies.…
Add a new gameplay feature to an existing browser game following its architecture patterns. Use when the user says "add a…
Add real-time or turn-based multiplayer to an existing browser game using PartyKit (Cloudflare Durable Objects). Scaffolds a…
Audit and improve the visual design, polish, and player experience of an existing game. Use when the user says "make my game look…