作品集網站範本與設計提示詞
依要展示的作品和目標受眾選擇作品集。比較敘事、機構概覽、視覺藝廊及獨立設計實務，清楚交代角色和證據。
精選設計
哪種設計適合你的需求？
- Kuro Storytelling & Portfolio
- 適合有引導的產品敘事：Kuro 以刀刃為主題。改為作品集時，需要換成自己的專案、職責與依據，並讓摘要在關閉動態效果後仍可閱讀。
- Astraform Creative Agency Portfolio
- 適合機構：將作品與客戶可委託的服務連結，使用真實團隊資訊、專案範圍和聯絡入口。
- MeStudio Portfolio & Gallery
- 適合視覺作品：提供自己的圖片順序、說明和署名；減少動態時也要保留可讀的專案背景。
- Aster Hale Design Portfolio
- 適合獨立設計師：連結專案、能力和流程，說明真實交付內容及潛在客戶的聯絡方法。
這些設計暫不可用，請瀏覽資源庫。 瀏覽資源庫
互動預覽無需登入。原始碼 ZIP 與可用的配套提示詞需登入後，依提示詞包或會員權益解鎖。
從原始碼或設計需求開始
選擇 HTML 作品集範本時，產品設計可看 Aster Hale，攝影可看 MeStudio，創意機構可看 Astraform。Kuro 是刀刃主題的產品敘事頁，用作作品集需要改編。選定前，先在詳情頁核對檔案、相依項目和原始碼下載權限。
依頁面要完成的任務選擇
原創調整需求範例
這是 Neruve 編寫的虛構需求範例，獨立於付費提示詞；英文原文保留以便重現。
Mira Chen is a fictional independent product designer.
Create a warm-neutral portfolio with three clearly labelled fictional projects.
For each project explain the role, constraint and illustrative outcome.
The primary link is “View selected work” and targets #projects.
Do not invent awards, employer logos, real contact addresses or business metrics.
Use semantic HTML, one clear h1, readable contrast and visible keyboard focus.
Support a 390 px mobile view without horizontal overflow and reduced motion.生成結果檢查清單
檢查 390 px 手機與桌面檢視：主標題清楚、文字可讀、連結有效、鍵盤焦點可見且無水平溢位；將所有示範聲明替換為核實的事實。
從設計參考到自己的網站
- 無需登入即可預覽設計；選擇方案前，先核對可用的原始碼檔案與配套提示詞。
- 保留原始提示詞，另附受眾、真實內容、品牌與互動要求的需求說明。
- 發布前檢查桌面和手機結果、連結、鍵盤操作、事實聲明及減少動態效果。
參考設計是起點；輸出隨模型、工具和版本變化，檔案和存取權益以項目及方案為準。