Community程式設計與開發github.com

Xmo101/發布瀏覽器遊戲

發布 HTML5 或 WebGL 瀏覽器遊戲並尋找第一批玩家的檢查清單。涵蓋載入速度、觸控支援、標題與 Open Graph 分享標籤、免費託管 (GitHub Pages、Netlify、Vercel、itch.io) 以及發布平台 (itch.io、Newgrounds、Foundplay、入口網站)。當使用者想要發布、部署、上線或為瀏覽器遊戲吸引玩家時使用。

發布瀏覽器遊戲 是什麼?

此技能提供了一份結構化的逐步檢查清單,用於將 HTML5 或 WebGL 瀏覽器遊戲打包發布,並找到第一批玩家。它涵蓋了從優化載入速度(例如透過瀏覽器開發工具進行網路模擬)、確保行動裝置相容性(觸控輸入與 viewport 中繼標籤)、到做好社交分享準備(`og:title`、`og:image` 等 Open Graph 標籤)等關鍵步驟。該技能引導開發者選擇免費託管方案,包括 GitHub Pages、Netlify、Vercel 和 itch.io,並詳細說明 itch.io、Newgrounds、Foundplay 和 CrazyGames 等各大遊戲入口網站的具體情況,包括獨家性、營收分成模式和審核流程。一個顯著特點是其整合了 Foundplay 的 MCP 伺服器,當連接時,可以使用 `check_game` 和 `get_listing_link` 工具自動填寫其免費刊登表單。該技能強調在修改檔案或執行發布/註冊步驟前必須先詢問使用者,確保安全。最後,它提醒開發者自行查閱各平台最新的服務條款,因為其提供的資訊是基於 2026 年 10 月的查證。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xmo101/publish-browser-game/tree/HEAD/skills/publish-browser-game

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

發布瀏覽器遊戲 是做什麼的?

按順序引導開發者執行以下步驟。先檢視專案,跳過已完成的步驟。在修改檔案或執行任何發布/註冊步驟前,務必先詢問開發者。

1. 快速載入

  • 檢查在第一個畫面出現之前載入了哪些內容。應在幾秒內顯示標題或載入進度條。
  • 建議壓縮大型圖片和音訊,並將大型資源安排在首個畫面之後載入。
  • 建議使用瀏覽器開發工具中的網路模擬功能進行測試。

2. 在手機上運作

  • 檢查是否有觸控輸入。如果沒有,提議使用 Pointer Events 添加觸控控制,或清楚標明遊戲需要鍵盤操作。
  • 檢查 HTML 中是否有 <meta name="viewport" content="width=device-width, initial-scale=1">,並確保遊戲進行時頁面不會滾動。

3. 標題與分享圖片

檢查 HTML 的 <head> 中是否有 <title>、meta description 和 Open Graph 標籤。缺少時提議添加:

<meta property="og:title" content="遊戲名稱">
<meta property="og:description" content="用一句話描述玩家要做什麼。">
<meta property="og:image" content="https://example.com/share.png">
<meta name="twitter:card" content="summary_large_image">

og:image 需要使用絕對 URL,尺寸約為 1200 x 630 像素。

4. 免費部署

如果遊戲還沒有公開連結,提供以下選項讓開發者選擇:

  • GitHub Pages:公開儲存庫免費。
  • Netlify:提供免費方案;Netlify Drop 可發布拖入的資料夾或壓縮檔。
  • Vercel:免費的 Hobby 方案,根據其條款僅限於非商業、個人用途。
  • itch.io:上傳包含 index.html 的壓縮檔,或單一 HTML 檔案;可在 itch.io 頁面上直接遊玩。

5. 吸引玩家

說明同一個遊戲可以發布在多個平台,並提供每個平台的事實:

附有來源的並排比較:https://foundplay.io/where-to-post-your-browser-game

如果已連接 Foundplay 的創作者 MCP 伺服器 (https://foundplay.io/mcp/creators),其 check_game 和 get_listing_link 工具可提供已填好表單的免費刊登連結。開發者需自行登入並在 foundplay.io 上發布;切勿替他們提交或付費。

關於其他平台的事實查證於 2026 年 10 月 16 日。告知開發者在依賴這些資訊前,應自行查閱各平台的最新條款。

相關技能