Frameflow
協助使用者將他們自己的文字、圖片和影片轉換為可編輯的卷軸故事原型。開源工作檯位於 https://github.com/Karen0758/frameflow-scroll-story-workbench；其 docs/USER_GUIDE.md 說明了控制項。若使用者已有現有專案，請使用該專案，並保留原始媒體。
建置專案
- 識別場景順序、每個場景的標題/內文、視覺圖層、互動，以及哪些影片屬於哪個場景。只解決實際阻礙工作的缺口；對持續時間和版面配置提出合理的預設值。
- 在原始素材允許的情況下，將背景紋理、主體、陰影和文字保持為獨立可編輯的元素。灰階透明的主體可以使用「色彩增值」疊加在顏色或紋理上。不要為了模仿「色彩增值」而將目標顏色直接嵌入主體中。
- 對於每個影片，檢查持續時間、幀尺寸、動態間隔，以及代表性的第一/中間/最後幀。選擇能保留有意義動態且不包含不必要靜態幀的間隔和幀率。將所有幀提取為統一的畫布尺寸和自然的數字檔案名稱順序。若使用工作檯的瀏覽器提取器，請記住其限制為 120 幀，且會保留影片背景。如果需要透明的人物，請另外準備去背序列；不要宣稱瀏覽器提取器完成了這項工作。
- 在整個序列中檢查頭部、雙腳、鞋尖和陰影。保持穩定的地面線和視覺比例；如果原始素材有縮放，請在匯入前修正。不要透過 CSS 拉伸或隱藏來掩蓋被裁切的特徵。如果某個特徵在原始幀中不存在，請說明此限制，並在獲得授權後尋找或建立替代的原始幀。
- 在 Frameflow 中，建立/重新排序場景，匯入相同尺寸的幀和紋理，設定標題/內文/顏色/轉場，然後分別設定轉場、主體和文字的時序。獨立調整桌面和手機版面。預覽前進和後退導航，並檢查轉場角落、第一/最後幀、文字可讀性和載入行為。
- 匯出
.frameflow套件作為可編輯的交付物，並告知使用者其儲存位置。工作檯資料其餘部分會保留在此瀏覽器的 localStorage/IndexedDB 中。成功的工作檯預覽或建置並不表示已匯出或部署完成的網站。
當要求程式碼或發布時
目前的工作檯匯出的是可編輯的套件，而非獨立的公開故事網站。若要發布網站，請在目標網頁專案中實作對應的執行階段，提供擁有授權的字型和媒體，然後在桌面和手機尺寸以及已部署的 URL 上驗證瀏覽器行為。發布到儲存庫或代管服務需要使用者的授權；請勿預設上傳他們的影片或幀圖片。