
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的杂志网站:首页、故事列表、长文页、带档案的主题页、商店与商品页、购物袋、结账、订阅、关于、联系、FAQ、邮件通讯、配送和法律页面
- 编辑风视觉:Hero 里五张散落的故事卡片、悬停显示缩略图的分隔线主题索引、不对称图片网格、通栏专题和衬线阅读栏
- 能用的功能:搜索浮层、故事筛选和网格/索引视图切换、收藏故事、带装裱预览的版画选项、购物袋抽屉、结账校验和礼品订阅
适合
- 刊发长文、想在网上有一个安静、以摄影为主的家的独立杂志、期刊和电子通讯
- 把内容栏目和小商店、订阅或会员结合在一起的手作者、工作室、旅行或美食品牌
- 希望故事、主题、商品和订阅方案都以简单集合维护、页面自动渲染的编辑
不适合
- 新闻站或高频更新的博客:版式偏向每期少量长文,而不是持续的信息流
- 想要浓烈配色或深色主题的品牌:整体是白色编辑底色配安静的摄影
- 真实的支付或邮件:结账和表单只在页面内校验确认,从不声称已扣款或已发送
品牌建立与视觉规范网站与数字体验Build Blog Site风格锁定成果可编辑Article BodyEditorial FanEditorial HeroTopic Index
适合做杂志网站
关于此 Skill

Scattered-Cards Magazine 搭的是一个独立杂志网站:白色编辑风底色、Hero 里旋转散开的纸质故事卡片、分隔线主题索引和长文页面,再加上真实刊物需要的商店、订阅和帮助页面。示例是虚构的季刊 Ferrow,关注地方、物件和人,共 36 个互相连通的页面。

你将获得
- 首页:卡片扇形 Hero、主题索引、本期故事网格、通栏专题故事、轮播、本期杂志横幅、数据、读者来信和邮件订阅
- 长文页面带首字下沉、引文、信息侧栏、阅读进度和下一篇;主题页附往期档案
- 出售期刊、版画和笔记本的商店,选项会改变价格,配购物袋抽屉、购物袋页和带校验的结账
- 可选年限和礼品信息的订阅,带编辑部介绍的关于页,以及联系、FAQ、邮件通讯、配送、隐私、条款和 404 页面
- 两款网页字体和按用途规划的照片,全部嵌入一个离线可用的文件

如何使用
- 提供刊物名称、主题、几篇故事、商品(如有)和订阅方案。
- Agent 把它们映射到故事、主题和商店,定好美术方向,生成照片并填满每个页面。
- 打开文件,读一篇故事,往购物袋里加点东西,走一遍结账,用大白话提出修改。

照片由 Agent 自带的生图工具生成(可能产生该工具的用量费用),也可以用你自己的图库。结账和表单只在页面内确认,从不声称已付款或已发送邮件。
开始前需要准备什么
- 你需要提供
- 刊物或品牌名称、目标读者和一段简短介绍 · 主题,以及几篇带标题、地点和摘要的故事 · 商品、价格、订阅条款和配送信息(可选;缺的信息会写成占位并列出)
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 里的生图工具,用来生成故事、商品和人像照片(如果你自己提供照片则可不用)
- 外部成本
- 故事、商品和人像照片由 Agent 自带的生图工具生成,可能产生该工具的用量费用。你也可以直接提供自己的照片。除此之外不使用任何付费服务。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









