用 Skill 建立編輯風格的雜誌網站
白色編輯風格頁面上散落的故事卡片、帶首字放大和引言摘錄的長文、主題彙整、商店和訂閱。你的 Agent 會填入你的刊物內容，產出一個檔案。
以及其他 30 多個 Agent
預覽雜誌網站範本
Scattered-Cards Magazine 是免費的。開啟線上示範，可以閱讀故事、瀏覽主題，並試用購物袋和結帳。
散落卡片雜誌網站
在白色編輯風底色上打造獨立雜誌網站：Hero 是五張旋轉排開的紙本故事卡片，搭配厚重襯線標題、加線編號的主題索引、大方的攝影故事格線，以及含首字放大、引言與資訊側欄的長文頁面。主題彙整、販售期刊與印刷品的商店（含購物袋與結帳）、可選贈禮的訂閱方案，以及關於我們、聯絡、FAQ、配送與法律頁面全部相互連結。最終得到一個可在任何瀏覽器開啟、離線也能使用的獨立檔案。
你需要準備
- 刊物或品牌名稱、目標讀者與一段簡短介紹
- 主題，以及幾篇含標題、地點與摘要的故事
- 商品、價格、訂閱條款與配送資訊（選填；缺少的資訊會變成列出的佔位內容）
你會得到
- 完整的雜誌網站：首頁、故事、長文、附彙整的主題頁、商店與商品頁、購物袋、結帳、訂閱、關於我們、聯絡、FAQ、電子報、配送與法律頁面
- 雜誌編輯風格：Hero 中五張散落的故事卡片、滑過會顯示縮圖的加線主題索引、不對稱照片格線、滿版專題與襯線閱讀欄
- 可實際操作的元件：搜尋覆蓋層、可切換格線或索引檢視的故事篩選、收藏故事、附裱框預覽的印刷品選項、購物袋抽屜、結帳驗證與贈禮訂閱
執行環境
Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for the story, product and portrait photos (optional if you supply your own photos) · Story, product and portrait photos are generated with your agent's own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.
探索故事、主題和訂閱頁
獨立雜誌每期賣的是幾篇長文，而不是不停更新的資訊流。網站就是圍繞這點打造：精選故事扇形卡片、分隔線編排的主題索引、長文頁面，以及販售刊物、版畫和訂閱的商店。
- 解讀
- 故事網格、長篇文章、主題彙整
- 商店
- 刊物和版畫、商品頁、購物袋和結帳
- 訂閱
- 附送禮選項和電子報訂閱的方案
- 可運作的功能
- 搜尋、故事篩選、收藏故事、列印預覽
- 你需要提供
- 刊物名稱、主題、故事，商品可選
- 付款與電子郵件
- 在頁面上驗證並確認；不會扣款或寄出任何東西
個人化並發布編輯風格網站
缺少的事實會列為預留位置，不會被悄悄捏造。
1安裝 Skill
把安裝提示詞貼到你的 Agent。
2加入你的故事
提供刊物、主題，以及幾篇附標題和摘要的故事。
3發布檔案
檢查預留位置清單，然後把 HTML 上傳到任何靜態主機。
為什麼不直接請 AI 做雜誌網站？
直接問 AI 也能得到結果。Skill 補上的，是讓結果穩定、可重複的那部分。
雜誌網站範本常見問題
這個 Skill 不做什麼
- 它不是為新聞網站或高產量部落格打造的。
- 在你接上服務之前，它不會向信用卡扣款，也不會寄出電子郵件。
- 它沒有鮮豔色彩或深色主題版本。
雜誌網站範本是免費的嗎？
是的。Scattered-Cards Magazine 可免費安裝。照片可以來自你自己的檔案或 Agent 的圖像工具，後者可能另外收費。
可以拿來當部落格嗎？
它適合每期只有幾篇長文的刊物。如果是每天更新的部落格，以資訊流為主的網站會更合適。
可以當電子報網站範本嗎？
可以。它包含電子報訂閱和訂閱頁面；接上你的電子郵件服務即可寄送。
可以販售刊物和版畫嗎？
商店、購物袋和結帳都已建好，並會在頁面上驗證。接上你自己的金流服務才能接受真實訂單。
更多內容創作者任務
每項任務都有專屬的 Skills、真實範例和常見問題。
