# Meng To 開源 Three.js 遊戲開發 skill 庫免費製作 RPG

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：Meng To (@MengTo) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥🔥 · 日期：2026-07-27

> 原始來源：https://x.com/MengTo/status/2080915786206789733

## 證據與延伸閱讀

- [Meng To 開源 Three.js 遊戲開發 skill 庫](https://github.com/MengTo/Skills)

## 中文摘要

Meng To 開源 Three.js 遊戲開發 skill 庫免費製作 RPG。

Meng To 近期在社群發布貼文，宣布將個人開發的 Three.js 遊戲開發 skill 庫完整開源，涵蓋相機控制、視覺特效、音訊、怪物 asset、戰鬥系統等完整功能。這套開源 skill 庫包含 118 項橫跨六大類別的標準化工作流程，並搭配可實際遊玩的網頁遊戲 [Vesperfall 遊戲實機](https://vesperfall.mengto.chatgpt.site) 與 [Vesperfall Asset Ledger 網頁資產管理後台](https://vesperfall.mengto.chatgpt.site/asset-catalog) 供開發者參考與測試。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1785112893650-76x5ed2k.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ef2078a405378f54.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> Vesperfall 遊戲選角介面與遊戲實機遊玩畫面

**開源內容與取得方式**
- 完整 skill 檔案與示範可在 [MengTo/Skills](https://github.com/MengTo/Skills) 取得。
- 專案採用 MIT 授權條款，詳見 [LICENSE 授權說明](https://github.com/MengTo/Skills/blob/main/LICENSE)。
- 開發者可透過 [DEMOS.md 示範與重建提示詞](https://github.com/MengTo/Skills/blob/main/DEMOS.md) 查看所有 runnable 示範與重建提示詞。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/8ac7b5f866c33b9d.jpg)
> 遊戲死亡畫面，中央顯示紅色的「YOU DIED」字樣，下方提供「RISE AGAIN (R)」與「RETURN TO MAIN MENU (Esc)」兩個選項。

**核心 skill 架構與分類**
- 包含 118 項橫跨 Codex 工作流程、客服、媒體、UI 設計、遊戲開發與網頁設計的 skill。
- 遊戲開發分類涵蓋等距 ARPG 建構 (`build-isometric-arpg`)、關卡設計 (`author-game-levels`)、動作戰鬥設計 (`design-action-combat`)、敵人系統與怪物系統 (`build-threejs-enemy-systems`、`build-game-monster-system`)。
- 網頁設計分類則收錄 Three.js、GSAP、Tailwind CSS、Matter.js 等實作 skill。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/2a6696fbbc15d214.gif)
> README 收錄的 Aura Build super prompt 工作流程示範：對話介面中顯示一段包含色碼與排版說明的 prompt，下方帶有檔案附件與下載按鈕

**AI Agent 協作支援**
- 支援 Codex、Claude Code、Cursor 等主流 AI 程式開發 Agent。
- 採用純 Markdown 與資料夾架構，每個 skill 資料夾包含必要的 `SKILL.md`，可搭配選用的 `REFERENCES.md`、`ARTICLE.md`、`demo/` 與 `assets/`。
- 核心設計理念強調「提示詞即 asset（Prompts are assets）」、「規格勝過情緒（Specs beat vibes）」以及「參考資料勝過冗長段落（References beat paragraphs）」。

**社群問答**
- 有人問 3D 模型怎麼做的，Meng To 回覆是用 img2threejs library，再搭配 `build-game-monster-system` skill 產出 3D asset。
- 針對「用 JavaScript 會不會有效能瓶頸」的提問，他表示效能相關做法已經包在 library 裡：要有畫質設定、用 low-poly 模型與貼圖，並定期檢查效能。

## 媒體內容

**Vesperfall 遊戲選角介面與遊戲實機遊玩畫面**

**影片中的 Prompt 與操作**

操作步驟：

1. （00:05）點擊 Begin the Descent
2. （00:22）開啟 Inventory 介面
3. （00:26）進入 The Ember Measure 升級介面
4. （00:27）調整 Vitality 屬性點數
5. （00:29）點擊 Review rite
6. （00:35）點擊 Rise Again
7. （00:37）瀏覽 Asset Ledger 側欄分類
8. （00:44）檢視 Lantern Wretch 3D 模型與動畫
9. （00:46）檢視 Gravebound Stalker 動畫列表
10. OGFRAME: 00:07

## 標籤

Skills, 開源專案, Web, Three.js