
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含网站文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有项目时则在你的技术栈里实现。
- 会同步更新首屏账本的产品演示、带计费切换和用量估算器的定价幕布,以及带校验的注册和登录表单。
- 内页包括可筛选搜索的更新日志、文档快速上手、客户故事、安全、隐私、条款和 404 页。
适合
- 带着一句有力主张发布开发者工具或 B2B 产品的独立开发者和小团队。
- 能在首屏表格里列出客户、范围和费用,并在幕布里卖服务套餐的代理和服务公司。
- 正在做候补名单、只需一个创始套餐加注册表单的创始人。
不适合
- 真实账户、收款或表单投递;注册和登录只显示如实的演示结果。
- 想要多彩、渐变或圆角造型的轻松消费品牌;这套风格方正克制。
- 开发应用本身;这个 Skill 做的是产品官网,不是仪表盘或后台。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑转化导向Warm PaperDeep Indigo AccentLedger EditorialSquare CorneredCurtain Section
适合做落地页
关于此 Skill

Indigo Ledger Landing 用来搭建一个沉稳、可直接发布的产品官网,由一句宣言来完成说服:暖白纸色页面、紧排的超大标题配一句深靛蓝强调、斜杠前缀的大写导航围绕手写体 Logo、像账本一样编号的分节、全直角,以及唯一一段近黑色的定价幕布。示例是虚构的 Penrule,为独立 SaaS 提供用量计量与账单账本。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有项目,则在你自己的技术栈里实现同样的页面。
- 访客可以上手的产品演示:补上缺失的计价规则、批准或暂缓账单草稿,首屏账本会同步更新。
- 编号分节:使用方法、功能便当区、带数据的客户故事、评价、对比表、安全、FAQ、团队和注册。
- 近黑色的定价幕布,带月付年付切换和按用量推荐套餐的估算器。
- 内页包括可筛选搜索的更新日志、文档快速上手、客户故事、安全、登录、隐私、条款和 404 页,全站表单都带校验。

如何使用
- 提供产品名、一句最有力的主张、三步使用方法、套餐与价格,以及可以公开使用的客户评价或数据。缺少的文案会先写成合理的占位内容,并列出请你确认。
- 告诉 Agent 首屏表格要列什么,例如客户、项目或订单,以及估算器是否适合你的计价方式。照片会按统一的北窗柔光风格生成,没有图像工具时则去掉照片位。
- 在桌面和手机上逐个查看分节和内页,试一遍产品演示、定价和表单,再提出修改。

字体为 Instrument Sans、Outfit、Caveat 和 Geist Mono,已内嵌进文件。照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费;没有图像工具时,页面只靠字体排印和产品界面也能成立。
开始前需要准备什么
- 你需要提供
- 产品名、一句最有力的主张,以及三步使用方法 · 带真实价格和限制的套餐,以及首屏表格要展示的记录 · 可以公开使用的客户评价和数据,或允许先写占位内容再由你确认
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具,用于人像和静物(可选,没有时会去掉照片位)
- 外部成本
- 人像、团队照和静物由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时会去掉照片位,页面靠字体排印和产品界面呈现。浏览示例不产生费用。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









