用 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.
浏览故事、专题和订阅页面
独立杂志每期卖的是几篇长文，而不是不停更新的信息流。网站正是围绕这一点搭建：首屏的故事卡片扇、带编号的专题索引、长文页面，以及卖刊物、版画和订阅的商店。
- 阅读
- 故事网格、长文、专题归档
- 商店
- 刊物和版画、商品页、购物袋和结账
- 订阅
- 多种方案，含礼品订阅和 Newsletter 订阅
- 可用功能
- 搜索、故事筛选、收藏、版画预览
- 你需要提供
- 刊物名、专题、故事，可选商品
- 支付与邮件
- 在页内校验并确认；不会真的扣款或发信
个性化并发布编辑网站
缺少的信息会列为占位，不会悄悄编造。
1安装 Skill
把安装提示词粘贴给 Agent。
2加入故事
提供刊物、专题，以及几篇带标题和摘要的故事。
3发布文件
检查占位清单，然后把 HTML 上传到任意静态托管。
为什么不直接让 AI 做杂志网站？
直接问 AI 也能出结果。Skill 补上的，是让结果可靠、可重复的那部分。
杂志网站模板常见问题
这个 Skill 不做的事
- 不适合新闻站或高频更新的博客。
- 接入服务之前，不扣款也不发邮件。
- 没有高饱和配色或深色主题。
杂志网站模板免费吗？
免费。Scattered-Cards Magazine 免费安装。图片可以用你自己的，也可以用 Agent 的生图工具，后者可能另有费用。
能当博客用吗？
它适合每期几篇长文的刊物。每天更新的博客，用信息流优先的网站更合适。
能当 Newsletter 网站模板用吗？
能。它包含 Newsletter 订阅和订阅页面；接入你的邮件服务商才能真正发送。
能卖刊物和版画吗？
商店、购物袋和结账都已做好，并在页内校验。接入你自己的支付服务商才能接真实订单。
内容创作者的更多任务
每个任务都有自己的 Skills、真实示例和常见问题。
