# Typo Studio 排版工作室：技能書與協作來源

把一段中文內容，排成清楚好讀的社群輪播圖。

## 工坊收錄說明

內容與行銷

想做知識圖卡、商品介紹或社群設計的人。

五頁輪播圖與可再編輯的專案檔。

把商品重點、公會活動或作品教學整理成能分享的圖卡。

先準備五個重點，套入一組輪播，再調整字級與斷行。

## 封面與來源署名

封面插畫：/art/skills/typo-studio.webp

原作者 GitHub：https://github.com/Hao0321/typo-studio

登入自由工坊並連結自己的 GitHub，即可在技能書加星或取消星星。

原作數據：/api/v1/github/books/typo-studio/metrics

Stars、Forks、追蹤數、未結 Issues 與 PR 合計、最近程式更新時間以 GitHub 回覆為準；數據附核對時間，讀取失敗不冒充零。

## 讀者與格式

排版工具

- 社群設計者

- 知識型內容創作者

- 需要商品輪播圖的小店

## 功能與使用範圍

收錄 v2.2.0，提供瀏覽器／PWA 與 Electron 桌面版；字型首次使用可能需要連網。

- 中文避頭尾與自動字級

- 多頁輪播、比例與背景圖

- 單頁圖片、整組 ZIP 與專案 JSON 匯出

## 開始前準備

- 瀏覽器即可使用作者網頁版

- 一段自己的文字與可使用的圖片；改程式需 Node.js／npm

## 第一個練習

1. 開啟作者網頁版，選一組五頁輪播結構。

2. 填自己的封面、三頁重點與結尾，檢查文字可讀性。

3. 匯出圖片及專案 JSON，請夥伴看一遍再決定是否發布。

## 練習成果

一組五頁輪播圖與可繼續編輯的專案檔。

## 原始專案的起步指令

在自己的專案副本根目錄執行；指令已對照收錄版本的說明，這次介紹核對沒有代為安裝或執行。

```sh
npm install
npm start
```

## 專案與授權

原作 Repo：https://github.com/Hao0321/typo-studio
從原作建立自己的版本：https://github.com/Hao0321/typo-studio/fork
工坊整合參考：https://github.com/FreeTWAI/typo-studio
記錄的授權：MIT

## 一起改這本技能書

回報可重現的中文排版案例，或改善 vendor/app.jsx 的編輯體驗。

原作 Repo：https://github.com/Hao0321/typo-studio
預設 PR 目標：Hao0321/typo-studio:main
從原作建立自己的版本：https://github.com/Hao0321/typo-studio/fork
原作 PR：https://github.com/Hao0321/typo-studio/pulls

工坊整合參考：https://github.com/FreeTWAI/typo-studio
工坊整合任務專用 Fork：https://github.com/FreeTWAI/typo-studio/fork
工坊任務：https://github.com/FreeTWAI/typo-studio/issues
工坊 PR：https://github.com/FreeTWAI/typo-studio/pulls
GitHub Milestones：https://github.com/FreeTWAI/typo-studio/milestones

先閱讀原作現行的貢獻規則。Fork 不會自動回饋原作；修改要以 PR 提交，由原作維護者決定是否合併。工坊整合任務可在工坊審查，另外記錄回饋原作的 PR 或未回送原因。

以下是入口與建議，不代表已認領或已完成。以 GitHub 最新 Issue、PR 與維護者確認為準。

- 第一份可重用的共同成果（建議里程碑）：提交可重現案例、來源與驗證結果，由維護者審查；這是建議里程碑，尚未建立為 GitHub milestone。

### 修一個繁中排版或匯出問題 · 建議任務

以最小範例改善換行、字型回退或手機操作。

- 驗收：附同一內容前後截圖，長標題與中英混排可讀，既有匯出仍可用。

Agent Skill：/development/skills/typo-studio/SKILL.md
協作 JSON：/api/v1/skills/typo-studio/collaboration

## 參與開發

回報可重現的中文排版案例，或改善 vendor/app.jsx 的編輯體驗。

工坊 Issue／PR 協調入口：https://github.com/FreeTWAI/typo-studio/issues

先讀該 Repo 根目錄 README.md、AGENTS.md、CONTRIBUTING.md；原始程式、測試及來源授權留在該專案。平台介紹與公會收錄則在 freedom-platform 的 modules/community 維護。

要改善平台介紹：https://github.com/FreeTWAI/freedom-platform/issues

## 閱讀與來源

閱讀原始專案：https://github.com/Hao0321/typo-studio/blob/9d60be439d150af74a79dbcc5a7547c6108c726f/README.md
核對日期：2026-09-23
核對版本：9d60be439d150af74a79dbcc5a7547c6108c726f

- README.md：https://github.com/Hao0321/typo-studio/blob/9d60be439d150af74a79dbcc5a7547c6108c726f/README.md

- package.json：https://github.com/Hao0321/typo-studio/blob/9d60be439d150af74a79dbcc5a7547c6108c726f/package.json

- TUTORIAL.md：https://github.com/Hao0321/typo-studio/blob/9d60be439d150af74a79dbcc5a7547c6108c726f/TUTORIAL.md

專案網站：https://hao0321.github.io/typo-studio/

## 共創原則

GitHub Issue 是待辦與協調來源，PR 是審查與合併紀錄。先確認任務範圍，再用自己的分支完成相關驗證；保留上游與實際貢獻者。Fork 不等於平台認證、已測試運行或新授權。

完整結構化目錄：/api/v1/development-map