
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 以虛構人物 Rowan Hale 打造的 15 個路由範例:首頁、含四個案例研究與作品封存的作品索引、收錄完整文章的寫作、關於我、聯絡與經過設計的 404。
- 可實際操作的細節:指令選單、主題切換、可搜尋的作品與寫作篩選、熱度圖區間分頁、複製按鈕,以及具行內錯誤、載入與成功狀態的聯絡表單。
- 以即時產品畫面繪製的專案封面、統一藝術指導的黑白照片、內嵌 Geist 字型,另附風格指南與內建檢查。
適合
- 想要精準、內斂網站,而非花俏範本的設計工程師與開發者。
- 需要案例研究、文章與聯絡表單,且在兩種主題與手機上都清楚好讀的求職者。
- 喜歡細線、等寬字圖說與單色克制風格的人。
不適合
- 色彩繽紛、大量使用圖片的個人品牌;這套系統是單色鋅灰搭配一個藍色強調色。
- 需要內容管理系統的部落格;文章與案例研究都存放在頁面自己的資料中。
- 開箱即可寄出真實訊息:在接上後端之前,聯絡表單只會在頁面上確認。
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集網站成果可編輯分步人工確認視覺精美極簡主義單色細線網格技術藍圖
關於此 Skill

把你的名字、工作經歷、專案與文章,變成一個彷彿畫在工程圖紙上的個人網站:橫跨畫面的細線、單色鋅灰色調、條紋帶,以及一張小小的等角透視 Fig. 1。範例是虛構人物 Rowan Hale,一位住在 Porto 的設計工程師,共有 15 個相互連結的路由。預設成品是單一自含檔案,任何瀏覽器都能離線開啟。

你會得到
- 首頁包含 Fig. 1、個人簡介、概覽資訊、熱度圖、關於我、精選作品、經歷、技術堆疊、寫作與演講
- 包含問題、過程、圖庫、成果與工作人員名單的案例研究頁,以及附閱讀進度條與目錄的文章
- 指令選單、深淺色主題、可搜尋的篩選、行動版選單,以及具驗證功能的聯絡表單
- Geist、Geist Mono 與手寫字 Caveat 筆記都嵌入檔案中,不需從網路載入任何東西

使用方式
- 提供你的名字、職稱、城市、附成果的專案、經歷、文章與聯絡資訊;缺少的資訊會先草擬並列出。
- Agent 會填入資料、為每個專案繪製封面,並把你的人像轉成黑白。
- 在兩種主題下開啟網站,試試指令選單與聯絡表單,再提出修改。

使用你自己的人像與照片不需額外費用;生成的照片可能產生圖像工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 名字、三到五個簡短的職稱詞組、城市、電子郵件與可接案狀態 · 二到六個專案,含角色、過程步驟與可量化成果,另附經歷與文章 · 一張人像照片,或同意生成替代圖
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · 選用:Agent 中的圖像生成工具,用於工作空間或地點照片
- 外部費用
- 用 Agent 圖像工具生成的照片可能產生該工具的使用費用。你自己的照片與繪製的專案封面不需額外費用。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









