Preview gallery
关于这个 Skill
构建一个优质 SaaS 营销网站，其中包含白色和锌色页面、青色色调以及促销横幅下的深色药丸导航栏。当您滚动时，英雄下方的实时产品仪表板会从倾斜的角度变为平坦的，然后是工作迷你产品视图的黑色便当、客户故事、推荐、每月和每年切换的定价、安全性、常见问题解答和黑色 CTA 框。注册、登录、演示预订、变更日志、案例研究和法律页面都包含在一个独立的文件中。
Picked most often by
About this Skill
描述您的产品，然后返回一个平静的、以产品为主导的 SaaS 网站：带有青色口音的白色页面、深色药丸导航栏和实时仪表板，当您滚动时，仪表板会向后倾斜并弹平。以 Parcelo 为例，这是一种虚构的递送分析工具，可以在客户询问之前标记迟到的包裹。
What you get
- 包含横幅、药丸导航栏、英雄仪表板、深色功能便当、设置步骤、客户故事、推荐、定价、安全性、常见问题解答和深色 CTA 框的登陆页面
- 注册、登录、演示预订、变更日志、案例研究、安全、隐私和条款页面，以及设计的 404
- 便当中的迷你产品视图显示您自己的对象而不是库存屏幕截图
- 每月和每年的定价切换、包含错误和成功状态的表单以及带有过滤器和搜索的变更日志
- 嵌入字体和照片的一个文件，可在任何浏览器中离线打开
如何使用
- 分享您的产品名称、用途、功能、计划以及仪表板应显示的内容；粗略的笔记就足够了。
- 您的智能体将每个仪表板标签重命名为您产品的对象，填充每个部分和页面，并在桌面和手机上进行查看。
- 打开单个文件，单击页面并用简单的文字询问更改。
使用智能体的图像工具拍摄的照片可能会产生该工具的使用费；没有一个，有色面板和字母头像就可以代替。
What you need before you start
- You bring
- 产品名称、一行承诺和受众 · 功能、每月和每年价格的计划，以及仪表板应显示的内容 · 可选：客户故事、报价、常见问题解答、安全事实和变更日志条目
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for story, team and avatar photos (optional; tinted panels and monograms are used without it)
- Outside costs
- 故事、案例研究、团队和头像照片是使用智能体自己的图像工具（如果可用）生成的，这可能会产生该工具的使用费。如果没有图像源，则使用有色面板和字母头像。
- Last tested
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- Parcelo 的完成示例网站，一种虚构的交付分析产品：登陆页面以及注册、登录、演示预订、变更日志、案例研究、安全、隐私、条款和 404。
- 产品术语中的实时产品用户界面：带有范围开关和图表悬停的仪表板、便当中的迷你视图、步骤选项卡、将计划带入注册的计费开关以及经过验证的表单。
- 您的站点是一个嵌入了 Onest 和 JetBrains Mono 的离线文件，加上样式指南、图像计划、运动规则和您的智能体构建所依据的清单。
Good fit
- 推出 SaaS 产品的创始人和营销人员想要一个冷静、可信、以产品为主导的页面。
- 分析、运营或开发工具，其最好的证明就是产品本身。
- 需要定价、安全性、变更日志和注册页面的团队，而不仅仅是英雄。
Not for
- 应用程序原型或 CMS 驱动的网站：它构建一个具有固定内页的营销网站，而不是一个工作产品。
- 想要色彩缤纷的外观或深色模式切换的品牌； Meridian 为浅色，带有深色部分和一种青色色调。
- 真实的注册、付款或分析：表单在页面上进行验证和确认，直到您连接后端。
产品发布和应用程序增长网页设计和数字体验建立网站页面构建登陆页面Style-lockedEditable Output注重转化黑暗药丸导航光暗节奏透视样机最小青色口音
User reviews
Loading reviews…
