
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 完整的攝影師網站:首頁輪播、附篩選且滑過即切換封面的作品索引、每個系列的案例研究、日誌文章、關於、版畫、聯絡、授權與 404 頁面
- 分割畫框風格:固定照片窗格、圓角卡片側欄、從頁面刻出的缺口標籤、浮動膠囊式頁首、字母翻轉導覽,以及斜向切換的淺色與深色主題
- 實際可用的功能:案例研究燈箱、日誌搜尋、即時顯示價格並可預覽掛牆效果的版畫選購器、附驗證的聯絡表單與電子報訂閱,全部收在單一離線檔案中
適合
- 想要以圖像為主、介面如藝廊般安靜的風景、旅行與編輯攝影師
- 販售版畫或接委託案,希望把案例研究、價格與詢價表單集中在一處的攝影師
- 能把故事、方案或展覽對應到相同頁面的婚禮或人像攝影師、插畫家、山林小屋或藝廊
不適合
- 色彩繽紛或極繁風格的品牌:介面嚴格維持單色,所有色彩都來自照片
- 文字為主、圖片很少的部落格或文件網站:這個版面仰賴每個窗格都有強而有力的照片
- 需要 CMS、上傳功能或真實結帳的網站:版畫詢價與表單只會在頁面上顯示確認
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集網站風格鎖定成果可編輯極簡主義單色照片主導柔和圓角分割畫面
關於此 Skill

分割畫框作品集會打造一個攝影網站:你最好的作品佔滿螢幕左半邊,旁邊則有一列低調的圓角卡片隨之捲動。所有色彩只來自照片本身,每個貼著照片的標籤都用兩個小缺口從頁面上「刻」出來。範例是虛構的風景與旅行攝影師 Aster Field,共有 18 個彼此連結的頁面。

你會得到
- 首頁包含低調的輪播、介紹卡、頻道卡、系列圖塊、近期委託案、客戶跑馬燈、日誌清單與預約卡
- 作品索引附篩選標籤、搜尋,以及清單或網格檢視,每個系列另有案例研究,包含作品燈箱、創作方法步驟與成果
- 日誌文章、附基本資料與經歷時間軸的關於頁、可預覽裱框掛牆效果的版畫商店、附表單驗證的聯絡頁、授權頁與 404 頁面
- 淺色與深色主題,以斜向轉場切換,導覽列有字母翻轉效果,單一檔案可在任何瀏覽器開啟並離線使用

使用方式
- 提供你的姓名、身分、所在城市、簡短自介、聯絡方式,以及依系列分組的 8 到 12 張照片。
- 你的 Agent 會把照片對應到窗格、圖塊與案例研究,撰寫各系列頁面,並生成缺少的素材。
- 開啟檔案,滑過作品清單,試試兩種主題與版畫選購器,再用白話說出想修改的地方。

使用你自己的照片效果最好。生成的圖片只是暫代用,且可能產生你 Agent 生圖工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 姓名、一句話身分介紹、所在城市、簡短自介與聯絡方式 · 依系列分組的 8 到 12 張照片,附拍攝地點與年份 · 系列簡介與成果、版畫尺寸與價格,以及授權條款(選填;缺少的部分會列為佔位內容)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 需具備生圖工具,僅用於你沒提供的照片(否則以範本照片作為暫時佔位圖)
- 外部費用
- 如果你沒有提供所有照片,缺少的部分會用 Agent 自己的生圖工具生成,可能產生該工具的使用費用;否則範本照片會保留為暫時佔位圖。其他部分都不使用付費服務。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









