
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 完整的作品集:首頁、關於我、服務索引與每項服務專頁、作品索引與每個專案的案例研究、使用者評價、FAQ、需求表單、隱私權頁與找不到頁面
- 萊姆綠框的風格:萊姆綠邊框、白色頁面、粗體 grotesk 姓名、附接案狀態圓點的置中人像卡、字標跑馬燈、近黑色統計帶與萊姆綠 CTA 色帶
- 可實際運作的元件:作品篩選與搜尋、依主題搜尋 FAQ、使用者評價輪播、內建於頁面的專案展示,以及具驗證功能的需求表單
適合
- 想要明亮自信的網站、同時推銷自己與作品的自由接案設計師與小型工作室
- 服務範疇與價格明確、希望每項服務和每個專案都有專頁的設計師
- 能把委託案或專案對應到相同服務頁與案例研究頁的攝影師、插畫家或開發者
不適合
- 低調或企業風的品牌:萊姆綠外框與粗體字刻意設計得明亮而個人化
- 個人連結頁或單頁履歷:這個 Skill 會建立包含服務、案例研究與 FAQ 的完整網站
- 線上預約或付款:需求表單與電子報表單會在頁面上驗證並確認,但不會寄出任何內容
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集網站風格鎖定成果可編輯肖像 Hero暗色數據帶萊姆頁面外框白紙卡片字標跑馬燈
關於此 Skill

Lime-Frame Designer Portfolio 打造的個人網站,看起來就像一張放在萊姆綠桌面上的白紙。一張白色圓角頁面承載所有頁面,從沉穩的三欄 Hero 到經過設計的服務頁、案例研究與需求表單。範例是虛構的數位設計師 Rowan Ashby,共有 19 個相互連結的頁面。

你會得到
- 首頁:Hero、客戶字標跑馬燈、服務索引、附過程照片的合作分欄、近黑色統計帶、精選作品、使用者評價輪播、FAQ 預覽與萊姆綠 CTA 色帶
- 每項服務都有專頁,列出價格、時程、內容與步驟;每個專案都有案例研究,附成果、交付項目與頁面內展示
- 關於我、使用者評價、可搜尋的 FAQ、附標籤選項與驗證的需求表單、隱私權頁與找不到頁面
- 粗體 grotesk 字體、沉穩的動態效果,以及一個任何瀏覽器都能開啟、也能離線使用的檔案

使用方式
- 提供你的姓名、職稱、一句話服務主張、附價格的服務、附成果的專案,以及任何客戶推薦語。
- 你的 Agent 會填滿每個頁面,規劃並生成你沒有提供的照片,並為每個專案建立展示區。
- 開啟檔案,逐一點擊每項服務與案例研究,送出一份測試需求,並用平常的話提出修改。

生成的人像只是暫代用,使用你自己的照片效果最好。用你的 Agent 的圖像工具製作的圖片,可能產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 姓名、兩個詞的職稱、一句話服務主張、可接案日期與聯絡方式 · 附價格、時程與內容的服務,以及附客戶、需求與成果的專案 · 你的人像、客戶推薦語與 FAQ 答案(選用;缺少的部分會成為列出的佔位內容)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內的圖像工具,用於你沒有提供的照片(如果你自備人像與專案圖片則為選用)
- 外部費用
- 你沒有提供的照片(暫代人像、過程照、專案封面)會用你的 Agent 自己的圖像工具生成,可能產生該工具的使用費用。其他部分都不使用付費服務。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









