
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 完整的作品集網站:首頁、含案例研究的作品索引、含完整文章的寫作區、附筆記的演講、Uses、含里程碑的關於頁、履歷、聯絡與 404 頁面
- 玄武岩風格:近黑的鋅灰色、單一青色強調色、Geist 與 Geist Mono 字體、懸浮膠囊導覽列,以及以落下光束照亮的經歷分頁
- 繪製成真實產品畫面的專案封面,搭配一組風格一致的照片,全部打包成單一檔案,可在任何瀏覽器離線開啟
適合
- 想把案例研究、文章、演講與履歷整合在一個個人網站的開發者與獨立開發者
- 需要一個俐落的求職或接案網站、今天就能以單一檔案發布的自由工作者與求職者
- 喜歡深色、安靜、以字體排版為主並只用單一強調色風格的人
不適合
- 來自程式碼託管平台的即時資料:程式庫星數、文章與演講都以靜態內容寫入頁面
- 明亮、繽紛或大量使用照片的個人品牌;玄武岩風格只有深色,並只用一個青色強調色
- 可運作的表單後端:聯絡表單會在頁面上驗證並顯示確認,需要你自己的處理程式才能真正送出訊息
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集網站風格鎖定成果可編輯光束動效青色點綴暗鋅灰開發者極簡懸停發光卡片
關於此 Skill

把你的工作經歷、專案與文章變成完整的開發者網站:近黑色頁面搭配單一青色強調色、懸浮膠囊導覽列,以及小巧自嘲的標題。案例研究、文章、演講、Uses 頁、關於頁與履歷全部相互連結,整個網站以單一檔案交付,可在任何瀏覽器離線開啟。

你會得到
- 首頁包含精選作品、以落下光束照亮的分頁式經歷列、附 Show More 展開的開源專案網格、最新文章、Uses 與演講
- 案例研究頁面的專案封面繪製成真實的產品畫面,另有附目錄與可複製程式碼的完整文章頁
- 附人像、工作原則與逐年里程碑時間軸的關於頁、履歷、附筆記的演講頁,以及具驗證功能的聯絡表單
- 指令面板、手機選單、附搜尋與空狀態的篩選器,以及沉穩的動態效果(對偏好減少動態的使用者會自動關閉)
- Geist 與 Geist Mono 字體及所有圖片皆已內嵌,因此頁面不會發出任何網路請求

使用方式
- 告訴這個 Skill 你是誰:你的職務、任職過的公司與負責的工作、專案與成果,以及任何程式庫、文章與演講。有人像照片的話也一併提供。
- 它會用你的資料填滿網站,以網站一貫的語氣草擬你略過的內容,並列出這些草稿供你確認或移除。
- 開啟檔案,逐頁點閱,再用一般口語提出修改需求,例如「拿掉演講頁」或「新增第五個專案」。

你沒有提供的照片會由 Agent 內建的生圖工具產生,該工具可能有自己的使用費用。
開始前需要準備什麼
- 你需要提供
- 你的姓名、職務、所在地、可接案狀態,以及兩到三句的自介 · 任職過的公司與具體成就,以及二到六個專案(含問題、決策與成果) · 選填:程式庫、文章、演講、工具、里程碑,以及你自己的人像或活動照片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具,用於產生你沒提供的照片(人像、演講照片、桌面靜物);若你自行提供照片則為選用
- 外部費用
- 你沒提供的照片會由 Agent 內建的生圖工具產生,可能產生該工具的使用費用。專案背景圖隨 Skill 附上,完成的頁面不會發出任何網路請求。檢視範例完全免費。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









