
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含网站文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有框架项目时则在你的技术栈里实现。
- 首屏可操作的产品窗口与完整首页:配水墨画的宣言、使用方法、功能便当区、注明来源的数据、客户评价、带席位加减的定价和 FAQ。
- 带表单校验的配套页面:注册、登录、联系销售、可筛选的更新日志、安全、招聘、隐私、条款和 404 页,支持浅色与深色。
适合
- 不想用花哨渐变模板、想要一个有态度的发布页的 SaaS 创始人和产品团队。
- 能把产品窗口改成概览、日志和查询标签页的开发者工具。
- 能在窗口里展示客户门户或预约视图、把更新日志改成文章栏目的服务型企业。
不适合
- 真实的注册、收款或消息发送;表单只显示如实的演示确认。
- 想要多彩插画风或紫色调的品牌;这套风格只保留一种墨蓝强调色。
- 开发产品本身;这个 Skill 做的是营销网站,不是应用或后台。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑快速出成果Editorial SerifHairline BordersWarm PaperPainterly SkyInk Wash
适合做落地页
关于此 Skill

Editorial Ink Landing 用来为软件产品搭建一个安静、以字体为主角的发布网站:暖纸色底上的衬线大标题、首屏背后一片淡淡的水彩天空,标题下方就是一个可以操作的产品窗口。示例是虚构的会议记忆产品 Petrichor,面向创始人,包含完整首页以及注册、登录、联系销售、更新日志、安全、招聘和法律条款等页面。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有框架项目,则在你自己的技术栈里实现同样的设计。
- 用产品自身语汇绘制、访客可以上手的产品窗口:在 Recap、Transcript、Ask 之间切换,勾选待办,跳到逐字稿的某一时刻,提问并得到带出处的回答。
- 完整首页:宣言配水墨画、使用方法演示、发丝线便当式功能区、注明来源的数据、可切换的客户评价、带年月付切换和席位加减的定价、FAQ,以及黄昏天空背景的收尾 CTA。
- 可用的配套页面:带校验的注册和登录、联系销售、可筛选可搜索的更新日志、安全、招聘、隐私、条款和 404 页。
- 精心设计的浅色与深色两套主题,以及只播放一次的克制动效,支持减少动态设置。

如何使用
- 提供产品名、它为谁做什么、你的观点、三到六个核心能力、带真实限制的套餐、FAQ 答案,以及可以公开使用的数据或客户评价。缺少的文案会按同样的语气补写,并列出请你确认。
- 让 Agent 用图像工具按统一的雨后色调生成天空、水墨画、故事照片和人像,或发来你自己的照片。没有图像工具时,页面会用柔和的绘画感背景和姓名缩写代替照片。
- 在桌面和手机上分别用浅色、深色主题逐页打开,试一遍产品窗口、定价和表单,再提出修改。

字体为 Newsreader、Geist 和 Geist Mono,已内嵌进文件。图片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费。
开始前需要准备什么
- 你需要提供
- 产品名、它为谁做什么,以及你的观点 · 三到六个核心能力、带真实限制的套餐和 FAQ 答案 · 可以公开使用的数据和客户评价,或允许先写占位内容再由你确认
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具,用于天空、水墨画和人像(可选,没有时页面有无照片的替代方案)
- 外部成本
- 天空、水墨画、故事照片和人像由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时,页面会用柔和的绘画感背景和姓名缩写代替照片。浏览示例不产生费用。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









