Inkwell 墨水瓶作品集v1.0.3
使用這個 Skill：建置網頁。
人氣上升
5.033 次下載1 個喜歡1 次收藏
$4.99
購買這個 Skill 可以得到什麼？以沉穩的編輯風格打造完整的個人作品集：固定側欄放著人像、接案狀態與深色「Read resume」按鈕，旁邊是白色圓角內容頁與漸層墨色標題。內含可篩選的作品索引、附圖片切換器的完整案例研究、可搜尋的文章區與文章頁、關於我、履歷時間軸、聯絡頁與經過設計的 404。範例是虛構產品設計師 Mara Voss，預設產出為一個可離線使用的獨立檔案。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一份完成的 Mara Voss 範例作品集，共 15 個路由：四個案例研究、四篇文章、關於我、履歷、聯絡頁與 404，附攝影照片與逼真的產品畫面。
- 可實際運作的細節：作品篩選、附主題標籤的文章搜尋、案例研究圖片切換器、推薦語輪播、具驗證功能的聯絡表單，以及鎖定焦點的手機版側拉選單。
- 你的作品集打包成一個離線檔案，內嵌 Instrument Sans、Newsreader 與 Geist Mono 字體，另附產品畫面模型套件與 Agent 遵循的風格規則。
適合
- 想把作品、文章與履歷集中在一個連結裡的產品設計師與開發者。
- 需要能展現過程、成果與關鍵抉擇的案例研究的求職者。
- 想要一個沉穩、有真正內頁的個人網站的攝影師、作家、顧問或工程師。
不適合
- 張揚、色彩繽紛或大量動畫的品牌；Inkwell 安靜、明亮，以字體排版為主導。
- 大型照片圖庫：每個案例研究只放幾張精選畫面，而不是數百張圖片。
- 實際運作的表單：聯絡表單會在頁面上驗證並確認，但在你串接服務之前不會寄出任何內容。
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置作品集頁面風格鎖定成果可編輯漸層墨色字體側邊欄導覽柔和陰影卡片暖中性極簡
關於此 Skill
把你的專案、文章與工作經歷變成沉穩的個人網站：固定側欄放著你的人像與深色「Read resume」按鈕，旁邊是帶漸層墨色標題的白色內容頁。範例是 Mara Voss，一位住在鹿特丹的虛構產品設計師，有四個案例研究與四篇文章。
你會得到
- 首頁、可篩選的作品索引、完整案例研究、可搜尋的文章索引與文章頁、關於我、履歷時間軸、聯絡頁與經過設計的 404
- 案例研究涵蓋問題、過程、成果、關鍵抉擇，並附圖片切換器
- 專案封面使用逼真的產品畫面，可用模型套件製作，或直接使用你自己的截圖
- 字體與圖片內嵌在單一檔案中，任何瀏覽器都能離線開啟
使用方式
- 提供你的姓名、職稱、專案、工作經歷與幾個文章構想；缺少的文案會幫你草擬。
- 你的 Agent 會製作產品畫面、生成或放入照片、填滿每個頁面，並在桌機與手機上檢查。
- 開啟這個單一檔案，逐頁點擊瀏覽，並用平常的話提出修改。
聯絡表單只會在頁面上顯示確認，在你串接服務之前不會寄出任何內容。用你的 Agent 的圖像工具製作的照片，可能產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 你的姓名、職稱、城市、接案狀態與電子郵件 · 二到四個專案，包含問題、過程、成果，以及截圖（如果有的話） · 你的工作經歷與幾個文章構想
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內用於人像、工作空間與文章照片的圖像生成工具，或由你提供照片
- 外部費用
- 人像、工作空間與文章照片會用你的 Agent 自己的圖像工具生成，可能產生該工具的使用費用。產品畫面以模型製作，你自己的照片與截圖也可以替換任何圖片。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…