Kuro Storytelling & Portfolio
Kuro 是以刀刃主題展開視覺敘事的 HTML 範本,採用 GSAP 捲動與 WebGL 效果。可下載原始碼與提示詞,作為產品故事頁或改編後作品集敘事的起點。
- 技術框架
- html
- 配套提示詞
- 依項目及方案權益取得
這個設計適合什麼情境
適合有引導的產品敘事:Kuro 以刀刃為主題。改為作品集時,需要換成自己的專案、職責與依據,並讓摘要在關閉動態效果後仍可閱讀。
下載包含什麼
原始碼 ZIP 包含 HTML 頁面、配套提示詞與隨附使用說明:
index.htmlPROMPT.mdINTERNAL-USE.txt
如何執行與修改
解壓縮 ZIP 後,以本機靜態伺服器(例如 VS Code Live Server)開啟資料夾,再瀏覽 index.html,無需 npm 建置。可編輯 HTML、樣式與指令碼,也可將 PROMPT.md 用於程式開發工具。
原始碼相依項目
Tailwind CSS (CDN), GSAP / ScrollTrigger, Three.js / WebGL, Google Fonts
外部樣式、指令碼、字型與媒體需要連網載入。上線前檢查外部服務與追蹤指令碼,替換示範內容,並視需要串接自己的表單或後端。
使用前請閱讀 INTERNAL-USE.txt 與適用的第三方素材條款。下載不代表取得無限制商用或再散布授權。 服務條款
方案包含原始碼下載嗎?無需登入即可瀏覽範本及體驗互動預覽。配套提示詞、原始專案原始碼及下載依帳號及方案權益取得。
範本標題、描述與預覽內容保留原始語言。
閱讀設計提示詞工作流程






















