
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 Vaultic 示例站及其示例客户 Haulstead:落地页外加注册、登录、联系销售、更新日志、客户故事、安全、关于、隐私、条款和 404。
- 实时产品视图而非截图:创建转账、切换图表时间范围、过账始终平衡的分录、模拟卡片授权,代码面板同步显示每次 API 调用。
- 你的网站以单个离线文件交付,内嵌 Manrope 和 JetBrains Mono 字体,含浅色和深色主题、少量生成照片及风格规范。
适合
- 需要可信营销网站的支付、银行即服务、资金管理和开发者 API 初创公司。
- 希望在同一页面展示产品实际运作、定价、安全和开发者快速上手的团队。
- 想先审阅一个完整文件、之后再移植进自己技术栈的开发者。
不适合
- 真实资金流转:产品视图、注册和销售表单都是基于示例数据的演示。
- 想要紫色、渐变或发光 Hero 的品牌;这套设计只在锌灰色上使用一种深海军蓝强调色。
- 需要开箱即用的 CMS 驱动或多语言网站的团队。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页Scaffold Web Template风格锁定成果可编辑转化导向Light FirstPlus Grid BackdropNavy AccentProduct Shot HeroZinc Neutrals
适合做落地页
关于此 Skill

告诉 Agent 你的支付或银行产品,就能得到一个沉稳、以浅色为主、让产品自己说话的金融科技网站:居中的三段式标题、一个海军蓝按钮,以及叠着代码面板的可操作产品截面。示例是虚构的银行基础设施平台 Vaultic,示例客户是 Haulstead。

你将获得
- 落地页包含产品标签页、客户滚动条、功能手风琴、平台 Bento、支付通道浏览器、快速上手、客户故事、安全、定价、FAQ 和发布横幅
- 注册、登录、联系销售、更新日志、客户故事、安全、关于、隐私和条款页面,外加精心设计的 404
- 可操作的产品视图:创建转账、切换时间范围、过账分录、模拟卡片授权
- 带计费切换和用量估算器的定价、完整的浅色与深色主题,字体和照片都嵌在一个文件里

如何使用
- 提供产品名称、核心承诺、它管理的对象、支付通道、定价和主要 CTA。
- Agent 围绕你的对象重建产品标签页,补写并列出缺少的信息,并在桌面和手机上检查两种主题。
- 打开交付的单个文件,点一点各个标签页和页面,用日常语言提出修改。

安全声明、合作银行和认证只有在你确认后才会出现。用 Agent 的图像工具生成照片可能产生该工具的使用费用。
开始前需要准备什么
- 你需要提供
- 产品名称、一句话承诺和目标用户 · 它管理的对象、支持的支付通道和定价档位 · 可选:已确认的安全信息、合作银行、客户故事和主要 CTA
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中的图像生成工具,用于客户故事、头像和团队照片(可选;没有时保留占位)
- 外部成本
- 客户故事、头像和团队照片由 Agent 自带的图像工具生成,可能产生该工具的使用费用。没有图像工具时,会用尺寸合适的占位标出需要你提供照片的图位。
- 最近实测
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…








