TRPG Toolkit
sotsotssi、shiki365、
Taku_Taku_Taku 與
kimtaehee2018-maker 與
巡涯学派 與
Wool&Wag 與
johnko00 與
baegop157902 與
違法建築 與
hakoniwa 與
max-enterme 與
sedn14636361 與
くま。 與
Eon-00 與
fyam-hamu 與
usagineko7865-debug 與
zznaptime 與
swoonqx 與
rebane2001 與
dan0030 與
dearmysn1p3r 與
aokmri 與
PaiTei4234 與
s2ndrome 與
al1scut 與
YouRanCoder 與
momo102938 與
KIIN 與
KKumuu 與
utiyoso 與
saturn97v 與
mrflamingchad67 與
ECgear 與
arcana-hanna 與
CyberDelaai 與
Sectr99 與
SkyTNT 等人製作的網頁小工具與開源專案為靈感來源的 83 個 TRPG 工具合輯（NPC 名字產生器由本站原創；「文字演出產生器」以くま。的工具為靈感，由本 repo 以無塵室方式獨立撰寫；其中三個工具的作者不明），另外連到 JIZURA 字面與 Azgaar 的 Fantasy Map Generator 的原站。所有工具都由本站以共用的框架改寫，只有繁體中文介面。
https://tool-jx3.github.io/toolkit/
| 工具 | 說明 |
|---|
| 魔法陣製作器 | 繪製魔法陣與簽名動態，支援對稱、貝茲曲線、時間軸與 GIF／APNG 匯出 |
| 打字機動畫產生器 | 輸入文字，產生逐字打出效果的 APNG／GIF／WebP 動畫圖 |
| 文字軌跡產生器 | 讓文字沿著圓、螺旋、愛心或手繪的軌跡排列，輸出可以直接貼進聊天欄的純文字 |
| Discord 彩色文字產生器 | 選取文字套上粗體、底線、經典 8 色、自訂色或彩虹、漸層效果，預覽 Discord 四種主題，複製成 ANSI 程式碼區塊貼進 Discord 就是彩色訊息 |
| 動態對話泡泡產生器 | 選一個範本改文字、造型與配色，做出依序彈出、逐字打出、漂浮後退場的對話泡泡與訊息框，匯出透明背景的 APNG／GIF／WebP；也能把整段對話貼上，做成有說話者、日期與卡片底的對話卡片長圖 |
| 匿名拼貼信產生器 | 把一段文字做成剪報拼貼的匿名信，可下載圖片或複製成 HTML、Roll20 格式 |
| 表情產生器 | 組合眼睛、眉毛、嘴巴與裝飾，製作表情差分與合本圖 |
| 讀取動畫產生器 | 把角色動畫、讀取條與上下文字合成一張畫布，輸出為 APNG／WebP／GIF |
| 前景框產生器 | 設計 CCFOLIA 前景用的外框，加上裝飾與天氣、時間帶差分，一次匯出 |
| 場景轉換素材產生器 | 製作暗轉、抹除、光圈、故障風等 53 種場景轉換動畫，輸出為透明背景的 WebP 或 APNG，可加字幕（字型可選 Google Fonts 或電腦上的字型） |
| 狀態條產生器 | 產生自訂 CSS，把 CCFOLIA 角色的 HP、MP、SAN 以喜歡的樣式顯示在 OBS 上 |
| 切入素材產生器 |
所有工具都在瀏覽器本機執行，不會上傳你建立的任何內容。字型從 Google Fonts 載入；用到 AI 模型的工具（立繪去背、2.5D 動態立繪的臉部追蹤）第一次使用時才下載模型，存在瀏覽器裡。
本機執行
網站（首頁與重寫過的工具）由 web/ 建置，建置產物不提交進 repo：GitHub Actions（.github/workflows/deploy.yml）
在 main 有新 commit 時建置，把整個網站推到 gh-pages 分支，GitHub Pages 從那裡發布。本機要看完整的網站：
cd web
npm ci
npm run build # 整個網站在 web/dist/
npm run preview # http://localhost:8123/
測試
npm test # repo 的靜態檢查：轉址頁、沒有建置產物與舊版檔案、每個上線工具的規格與文件（無外部相依）
cd web
npm run lint # Biome
npm run typecheck # 兩個 tsconfig
npm test # 單元與元件測試（Vitest）
npm run e2e # 端對端測試（Playwright，先 npm run build）
CI（GitHub Actions）在 pull request 與 main 上跑 npm test、lint、typecheck、單元測試與建置；端對端測試在本機跑。
本站重寫的工具
收錄過的工具都已依 docs/refactor/PLAN.md 改寫到新框架 web/（Vite＋React＋TypeScript）：
共用元件與設計、只有繁中介面、介面上原作者只列為靈感來源（參考原作的程式用本站元件改寫；開放授權原作的授權全文保留在
網站的 assets/build/THIRD_PARTY_NOTICES.md，未授權原作的素材與範本文字不沿用）。已上線的工具：
開發與建置見 web/README.md；流程與規格見 docs/refactor/。
舊網址
以前收錄的副本都已刪除，舊網址留著轉址頁：TRPG 實驗室（tools/trpg-lab/ 的各頁）轉到改寫後的新工具，
舊版存在這個瀏覽器裡的資料（同一個網域）由新版第一次開啟時讀進來；tools/jizura/ 轉到 JIZURA 字面的原站。
授權
根目錄 LICENSE（MIT）涵蓋整個 repo：新框架 web/ 與用它改寫的工具、docs/、tests/、tools/ 的轉址頁。
例外：web/src/tools/relation-chart/（角色關係圖產生器，改編自 PaiTei4234 的 Relationship Chart Maker）與它的測試繼承原作的 CC BY-NC-SA 4.0（非商業、相同方式分享），不是 MIT；它用到的共用框架仍是 MIT。
參考開放授權原作改寫的部分保留原作的著作權與授權（各工具的 web/src/tools/<id>/UPSTREAM_LICENSE，建置時整理在網站的
assets/build/THIRD_PARTY_NOTICES.md）；
每個工具的靈感來源見 ATTRIBUTION.md。
