
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 單一自含網站檔案,任何瀏覽器都能開啟並離線使用,字型與圖片皆已內建;若你有自己的框架專案,則會移植進去。
- 可搜尋、可篩選的文章彙整,以及含目錄、閱讀進度、程式碼複製與互動式圖表的長文。
- 附手繪產品畫面的案例研究,以及關於我、履歷、聯絡、電子報、版權頁與隱私權頁面,以 24 頁範例呈現。
適合
- 公開撰寫自己所經營產品的獨立開發者與個人創辦人。
- 能把「關於我」改成「工作室」、把履歷改成服務項目的小型工作室或顧問公司。
- 可以拿掉作品區、保留部落格、演講與電子報的研究人員與技術寫作者。
不適合
- 實際寄送電子報或聯絡訊息;在你串接自己的服務供應商之前,表單只會顯示本機確認訊息。
- 以圖片為主的作品集或喧鬧的行銷網站;這套設計安靜且以文字為主。
- 把虛構的 Noor Halvorsen、她的產品或數據當成真實內容發布。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯藍色點綴內容優先開發者日誌側邊欄版面
關於此 Skill

Skyline 開發者部落格為獨立開發者打造沉穩、以內容為主的個人網站:固定的左側邊欄、單一藍色強調色、以文字為主的安靜 Hero、為閱讀而排版的長文,以及呈現每個產品真實介面的案例研究。範例是虛構的 Bergen 獨立開發者 Noor Halvorsen 的部落格,共有 24 個相互連結的頁面,支援淺色與深色模式。

你會得到
- 一個獨立的網站檔案,可在任何瀏覽器開啟、離線也能使用,字型與圖片皆已內嵌。如果你已有框架專案,設計會直接移植到專案中。
- 具備搜尋、主題標籤、排序與空狀態的文章彙整,以及含目錄、閱讀進度、可複製程式碼區塊、引言與互動式營收圖表的長文。
- 作品區的案例研究以手繪介面呈現每個產品,並附上數據、流程步驟與一段引言。
- 關於我、可列印的履歷、附驗證的聯絡表單、含訂閱來源的電子報頁面、版權頁、隱私權與找不到頁面。
- 用於搜尋的指令面板、完整的深色主題,以及絕不移動閱讀文字的沉穩動態效果。

使用方式
- 提供你的姓名與職稱、二到六個有真實成果的專案、至少六篇文章或其主題、工作經歷、演講、聯絡 Email 與電子報名稱。缺少的資訊會先以合理的佔位內容草擬,並列出清單供你確認。
- 傳送一張肖像與一張工作環境照片,或讓 Agent 以相同的陰天光線生成暫代圖,並為每篇文章生成一張封面。你的產品會以手繪介面呈現,絕不使用筆電圖庫照片。
- 在桌機與手機上、以淺色與深色模式開啟每個頁面,試試搜尋、篩選、文章工具與表單,再提出修改需求。

字體使用 Geist、Newsreader 與 Geist Mono,並內嵌在檔案中。新照片由你的 Agent 內建的生圖工具產生,可能會產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 你的姓名、職稱,以及二到六個有真實成果的專案 · 至少六篇文章或主題、工作經歷、演講、聯絡 Email 與電子報名稱 · 一張肖像與工作環境照片,或同意生成暫代圖
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具或你自己的照片,用於肖像與文章封面
- 外部費用
- 肖像、工作環境照片與文章封面由你的 Agent 內建的生圖工具產生,可能會產生使用費用。若沒有生圖工具,請提供自己的照片;六張中性封面可以重複使用,短筆記則使用文字排版圖塊。瀏覽範例不需任何費用。
- 最近實測
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









