
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 完整的雜誌網站:首頁、故事、長文、附彙整的主題頁、商店與商品頁、購物袋、結帳、訂閱、關於我們、聯絡、FAQ、電子報、配送與法律頁面
- 雜誌編輯風格:Hero 中五張散落的故事卡片、滑過會顯示縮圖的加線主題索引、不對稱照片格線、滿版專題與襯線閱讀欄
- 可實際操作的元件:搜尋覆蓋層、可切換格線或索引檢視的故事篩選、收藏故事、附裱框預覽的印刷品選項、購物袋抽屜、結帳驗證與贈禮訂閱
適合
- 刊登長篇文章、想在網路上擁有沉穩攝影感門面的獨立雜誌、期刊與電子報
- 把刊物與小型商店、訂閱或會員方案結合的職人、工作室、旅遊或餐飲品牌
- 希望把故事、主題、商品與方案維持為簡單資料集,讓每個頁面都由此產生的編輯
不適合
- 新聞網站或高產量部落格:版面著重每期少數幾篇長文,而不是不斷更新的動態
- 想要鮮豔配色或深色主題的品牌:整體風格是白色編輯底色搭配安靜的攝影
- 真實的付款或寄信:結帳與表單會在頁面上驗證並確認,但絕不會宣稱已收費或已寄出訊息
品牌設計與視覺規範網頁設計與數位體驗建置部落格網站風格鎖定成果可編輯文章內文編輯風扇形編輯風 Hero主題索引
關於此 Skill

散落卡片雜誌網站打造一個獨立雜誌網站:白色編輯風底色、Hero 中旋轉排開的紙本故事卡片、加線的主題索引與長文頁面,再加上一份真正刊物所需的商店、訂閱與說明頁面。範例是虛構季刊 Ferrow,主題涵蓋地方、物件與人物,共有 36 個相互連結的頁面。

你會得到
- 首頁包含卡片扇形 Hero、主題索引、期刊格線、滿版專題故事、輪播、期刊橫幅、數據、讀者來信與電子報訂閱
- 長文頁面含首字放大、引言、資訊側欄、閱讀進度與下一篇故事,另有附印刷彙整的主題頁
- 販售期刊、印刷品與筆記本的商店,選項會改變價格,並有購物袋抽屜、購物袋頁面與附驗證的結帳
- 含年度方案與贈禮資訊的訂閱、附編輯群名單的關於我們,以及聯絡、FAQ、電子報、配送、隱私權、服務條款與找不到頁面
- 兩種網頁字型與依用途規劃的照片,全部內嵌在一個可離線使用的檔案中

使用方式
- 提供刊物名稱、主題、幾篇故事、任何商品與你的訂閱方案。
- 你的 Agent 會把它們對應到故事、主題與商店,撰寫一套美術方向、生成照片並填好每個頁面。
- 開啟檔案,讀一篇故事、把商品加入購物袋、走一遍結帳,再用日常用語提出修改需求。

照片來自你的 Agent 生圖工具(可能會產生該工具的使用費用),或來自你自己的圖庫。結帳與表單只在頁面上確認,絕不會宣稱已完成付款或寄出郵件。
開始前需要準備什麼
- 你需要提供
- 刊物或品牌名稱、目標讀者與一段簡短介紹 · 主題,以及幾篇含標題、地點與摘要的故事 · 商品、價格、訂閱條款與配送資訊(選填;缺少的資訊會變成列出的佔位內容)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具,用於故事、商品與肖像照片(若你提供自己的照片則可省略)
- 外部費用
- 故事、商品與肖像照片由你的 Agent 內建的生圖工具產生,可能會產生該工具的使用費用。你也可以改用自己的照片。除此之外不會使用任何付費服務。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









