
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 SaaS 网站,打包成一个自包含的 HTML 文件,任何浏览器离线即可打开:落地页加注册、登录、联系销售、更新日志、状态、法律条款和 404 页面
- 用你产品自己的对象和数据重建的实时产品控制台:可切换时间范围、图表悬停提示、实时计数和事件时间线,而不是一张静态截图
- Geist 字体、一束蓝光、暖中性色表面、完整的明暗主题,表单带校验、加载与成功状态;在你自己的项目里,用你的技术栈生成同一套设计
适合
- 这周就需要一套可信的 SaaS 官网(含定价、注册和更新日志)的创始人和独立开发者
- 希望直接展示可用产品界面的开发者工具、监控、API 和基础设施类产品
- 想在一个成品感十足的页面上直接打磨定位文案的产品营销人员
不适合
- 需要 CMS、博客或真实账户系统的网站:注册和联系表单只在页面内确认,后端需要你自己接入
- 必须沿用既有设计系统的品牌:暖中性色、单束蓝光和渐变标题本身就是这套设计
- 以摄影为主的消费或生活方式品牌:图片只用于客户故事、评价头像、一张氛围配图和团队合影
产品发布与应用增长网站与数字体验制作落地页风格锁定成果可编辑快速出成果MinimalistGlow AccentGradient TypographySoft Neutral
适合做落地页
关于此 Skill

描述一下你的产品,就能拿到一套完整的 SaaS 官网:暖中性色表面、一束柔和的蓝色光、渐变标题,产品以实时控制台而不是截图的方式出现。交付物是一个自包含文件,任何浏览器都能打开,离线可用。
![]()
你将获得
- 一张落地页:功能 Bento、实时产品控制台、分标签导览、接入步骤、客户故事与评价、带对比表的定价、安全、FAQ 和收尾 CTA
- 注册、登录、联系销售、更新日志、状态、隐私、条款和 404 页面,全部互相链接、可以使用
- 完整的明暗主题、克制的滚动显现动效,并为偏好减少动态效果的访客关闭动画
- 带即时校验、加载和成功状态的表单,以及可筛选、可搜索的更新日志
- 在你自己的项目里,同一套设计会以你技术栈的组件形式生成
![]()
如何使用
- 告诉它产品名称、用途、套餐,以及可以使用的客户和评价,粗略的笔记就够了
- 让它自行挑选区块和页面,或指定你想要的;你没提供的内容会被起草并列出,供你确认
- 在浏览器里打开成品文件,用大白话提出文案、区块或定价的修改
![]()
照片由你的 Agent 用其图像工具生成,可能产生该工具的使用费用;没有图像工具时会改用首字母头像和产品卡片。字体和图片都已内嵌,成品文件不发任何网络请求。
开始前需要准备什么
- 你需要提供
- 产品名称、用途和目标用户、4-6 项能力,以及 2-4 个有真实额度的套餐(粗略笔记即可) · 可选:你有权使用的客户名称、评价、数据和照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 可选:Agent 中可用的图像生成工具,用于生成客户、氛围、评价和团队照片
- 外部成本
- 照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费用。没有图像工具也能完成:评价改用首字母,氛围配图换成产品卡片,团队合影去掉。
- 最近实测
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…








