文件
劇本、器材、放映室。
從安裝到交片，Cinematic UI 的每一步都寫在這裡。第一次用，從「快速開始」讀起。
git clone https://github.com/akseolabs-seo/cinematic-ui ~/.claude/skills/cinematic-ui- 01快速上手 Cinematic UI為 Claude Code、Codex 或任何 agent 安裝 Cinematic UI skill，跑出第一個提示，並了解它只會在哪三種情況停下來問你。
- 02Cinematic UI 的運作原理網站是一部以捲軸為播放頭的電影。了解 Cinematic UI 背後那條「借機制、不借戲服」的核心規則，以及它和一般「做高級一點」提示的差別。
- 03製作流程：從 logline 到交付的十個階段Cinematic UI 用十個階段完成一次真正的製作：企劃、選導演、媒材與調色、選角、劇本、分鏡表、Animatic、拍攝、試片、交付。
- 04導演與電影：依戲劇問題選角Cinematic UI 如何依產品的戲劇問題選導演、萃取可驗證的機制，並以標註出處等級的方式調研任何一部電影，不憑記憶寫資料。
- 05媒材與質感：畫面由什麼構成擬真 3D 只是選項，不是預設。看看 Cinematic UI 能從電影推導出哪些媒材，從水墨到像素，以及一次問清楚的素材通告如何運作。
- 06調色：把電影的色彩真正落到頁面上Cinematic UI 如何從電影影格量出調色：兩大類共 14 種有出處的 look、grade-from-stills 量測、grade.js 與偏色檢查。
- 07導演的十三條規則與要拒絕的偷懶版Cinematic UI 導演時遵守的 13 條規則，以及它拒絕的完整偷懶版清單：沒人導演的頁面長什麼樣，為什麼那一場要重拍。
- 08App 模式：導儀表板與管理後台Cinematic UI 2.8 用「任務即播放頭」、一個招牌畫面與八種設計過的狀態來導儀表板、管理後台與控制台，並以 app-screening.mjs 試片。
- 09Kit：每個檔案各做什麼Cinematic UI kit 的每個檔案，從 reel.js 捲動場景與設計過的剪接，到 grade.js、type-fx.js、plane.js 和 App 模式的骨架，以及各自需要什麼。
- 10腳本：試片、素材、調色與算片Cinematic UI 附帶的 Node 腳本：screening.mjs、grade-from-stills、find-footage、copy-check、render-film、generate-image 與 app-screening 及其範例指令。
- 11姊妹 skill：cinematic-cut 與 cinematic-pptCinematic UI 負責網站與 App。宣傳影片交給姊妹 skill cinematic-cut，簡報交給 cinematic-ppt。兩者即將登上本站。
- 12誠實的限制與 Cinematic UI 的測試方式Cinematic UI 還沒驗證的部分（Safari、Firefox、實體手機、螢幕閱讀器）、程序生成 3D 的弱點，以及盲測如何塑造這個 skill。
- 13Cinematic UI 常見問題關於 Cinematic UI 的解答：授權、支援哪些 agent、需不需要 3D、會不會擅自生成圖片、瀏覽器支援、指定導演、中文排版，以及和樣板的差別。