
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 首頁、服務、含三個方案頁的價格、含六個案例的作品、關於、流程、附需求表單的聯絡、條款,以及設計過的 404
- 招牌風格:Schibsted Grotesk 搭配 Newsreader Italic、藍色調去背人像、可實際運作的淺色/深色切換,以及落下膠囊的色帶
- 以手機與瀏覽器框呈現產品畫面的案例研究、方案比較、FAQ、作品篩選與搜尋,全部收在一個可離線執行的檔案裡
適合
- 販售固定價格方案、想要大膽編輯風第一印象的獨立設計師
- 能把服務對應到服務項目、方案與案例研究的自由接案開發者、品牌設計師與顧問
- 想今天就擁有一個完整多頁網站,可直接從本機開啟或以單一檔案發布的人
不適合
- 真實付款或預約:需求表單與方案按鈕只在頁面上確認,實際交付需要你自己的後端
- 大型團隊的設計公司;版面是圍繞一個人、一張人像、一種語氣打造的
- 低飽和或多色配色;這個風格只有白、墨黑與單一鈷藍
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集網站風格鎖定成果可編輯編輯風襯線鈷藍單色雙色調肖像明暗切換膠囊標籤
關於此 Skill

把你的服務、方案與專案變成一個能接案的設計師網站。Hero 讓你成為標題的一部分:兩個義大利斜體襯線字疊在一個巨大鈷藍字上,中間由你的藍色調人像切開,頁首膠囊按鈕真的能切換淺色與深色。從服務到條款,整個網站就是一個檔案,在任何瀏覽器都能離線開啟。

你會得到
- 首頁有滿版鈷藍色帶,白色服務膠囊落下並堆疊成一疊,另有價格方格、精選作品、流程條與使用者評價
- 附起價的服務頁、每個方案獨立一頁並可並排比較的價格頁,以及具備篩選、搜尋與六個案例的作品頁
- 案例研究會在每個專案圖片上,以手機與瀏覽器框呈現程式繪製的產品畫面
- 關於、流程、附驗證需求表單與初談時段的聯絡頁、條款頁,以及設計過的 404
- Schibsted Grotesk 與 Newsreader Italic 字體連同所有圖片一起內嵌,頁面不會發出任何網路請求

使用方式
- 提供你的姓名、專業領域、Hero 用字、服務項目、兩到四個方案、幾個專案與聯絡資訊。
- 它會填滿每一頁,以自信的第一人稱語氣補寫缺少的內容,並列出這些草稿讓你確認。
- 在兩種主題下開啟檔案、點過每一頁,再用白話提出修改需求。

你的人像與新的專案圖片由你提供,或由你的 Agent 圖像工具產生,該工具可能另有使用費用。
開始前需要準備什麼
- 你需要提供
- 你的姓名、單字字標、專業領域、兩個義大利斜體 Hero 字與一個鈷藍字 · 六到十二項附價格的服務,以及兩到四個含價格、時程與內容的方案 · 包含客戶、角色、問題、做法與成果的專案,以及聯絡資訊與檔期
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內的圖像工具,用於人像、專案圖片與工作室照片;若你自行提供則可省略
- 外部費用
- 你未提供的圖片會用 Agent 自己的圖像工具生成,可能產生該工具的使用費用。Skill 附有中性的工作室照片,案例研究畫面以程式繪製,完成的頁面不會發出網路請求。查看範例完全免費。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









