
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 收在單一自足 HTML 檔、可離線開啟的完整作品集:首頁、作品索引、案例研究、文章索引、文章頁、教學、關於、聯絡、隱私權與 404
- 涵蓋問題、發現、過程、設計細節與數字遞增成果的案例研究,以及具主題篩選、搜尋、閱讀進度與作者卡片的日誌
- 內嵌 Geist、Newsreader 與 Geist Mono 字型,支援淺色與深色主題,產品模擬圖封面,以及會驗證並顯示確認的聯絡表單、候補名單與電子報
適合
- 以案例研究展現專業判斷力的獨立產品設計師、設計工程師與開發者
- 想在客戶作品旁一併展示課程、工作坊或文章的教育者與寫作者
- 想馬上擁有一個值得信賴的網站,或把同一套設計移植到自己的 Next.js、Nuxt、SvelteKit 或 Astro 專案的個人工作者
不適合
- 要展示團隊的工作室或代理商:整個網站都是以單一人物的第一人稱口吻撰寫
- 以功能格狀區塊與方案比較為主的產品發表或 SaaS 行銷頁
- 開箱即用的代管表單處理或 CMS:在你串接自己的服務之前,表單只會在頁面上顯示確認
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯編輯風作品集圖像主導單色個人手帳
關於此 Skill

告訴它你是誰、做過什麼、教些什麼,就會得到一個讀起來像從業者個人首頁的網站:一條窄白欄、一張小圓形人像、一句沉穩的標題,以及一排傾斜的工作室照片。成品是單一自足檔案,任何瀏覽器都能開啟,也能離線使用。

你會得到
- 精選作品與完整案例研究:問題、學到的事、過程、設計細節與量化成果
- 可依主題篩選與搜尋的寫作日誌,文章頁附閱讀進度與作者卡片
- 教學或服務頁、含經歷時間軸的關於頁,以及會驗證並顯示確認的聯絡表單
- 專案封面以俐落的產品模擬圖繪製,而非筆電照片,支援淺色與深色主題
- 在你自己的專案中,同樣的設計會搭配真實路由移植過去

使用方式
- 提供你的姓名與專業領域、三到六個專案及其成果、你的文章、任何課程或服務,以及職涯經歷
- 有人像與工作室照片的話一併附上;缺少的內容會先撰寫或生成暫代版本,並列出清單讓你替換
- 在瀏覽器開啟完成的檔案,用白話說出想修改的地方,例如新增一個案例研究或縮短標題

生成的照片使用你的 Agent 圖像工具,可能產生該工具的使用費用。字型與圖片皆已內嵌,完成的檔案不發出任何網路請求。
開始前需要準備什麼
- 你需要提供
- 你的姓名、專業領域、接案狀態與聯絡 email · 3 到 6 個專案,含客戶、角色、問題、過程與量化成果 · 文章、教學或服務、職涯經歷,以及你自己的人像與工作室照片(如有)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · 選用:Agent 中的圖像生成工具,用於生成暫代的人像、工作室與文章照片
- 外部費用
- 使用你自己的照片不需任何費用。暫代的人像、工作室、案例研究與文章照片會用 Agent 本身的圖像工具生成,可能產生該工具的使用費用;Skill 內附的中性工作室照片也可直接保留作為暫代圖。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









