Skillry 推荐
海港产品套件v1.0.2
使用这个 Skill：制作网页/单页站/仪表盘。
5.053 次下载0 次喜欢2 次收藏
$4.99
购买这个 Skill 能获得什么？一个读起来像真实成品的完整 SaaS 产品原型：营销落地页、定价、登录、可操作的登录后工作区和管理后台，外加客户案例、公开更新日志和法律页面。所有视图共用一套瓷白与青绿的设计和同一份实时演示状态，在一处消耗的额度或更换的套餐会同步出现在其他地方。产品窗口用代码绘制，整套原型支持明暗两种主题。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 落地页、定价、登录、工作区和管理后台视图，外加客户案例、更新日志、法律和 404 页面，全部可路由并共享同一份实时演示状态
- 围绕你的核心对象运转的工作区：撰写、消耗额度的 AI 起草、定时发送、管理订阅者，每个操作都会出现在后台动态里
- Instrument Sans 与 Geist Mono 字体、青绿胶囊按钮、柔和卡片、命令面板、明暗主题和按用途规划的照片，全部在一个离线文件里
适合
- 在任何后端存在之前，就需要让整个产品看起来真实可信的 SaaS 创业者
- 要给利益相关方或投资人串讲营销站、应用和后台的产品经理
- 希望公开网站和登录后产品使用同一套设计系统的独立开发者
不适合
- 需要真实认证、支付或数据的生产应用；登录、结账和额度都是前端模拟
- 只要单个落地页的需求；如果只需要营销页，落地页类 Skill 更合适
- 张扬多彩的消费品牌；harbor 安静、以产品为中心，只有一种青绿强调色
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑快速出成果Porcelain TealPill InterfaceSoft Elevated CardsWindow Chrome MockupsLight Dark Ui
适合做落地页
关于此 Skill
描述你的 SaaS，一次拿到完整的产品界面：营销网站、定价、登录、制作核心对象的工作区，以及盯着业务数据的管理后台。所有视图共用一套瓷白与青绿的设计和同一份实时演示状态，在应用里做的操作会出现在后台。全部内容以一个文件交付，任何浏览器离线即可打开。
你将获得
- 落地页包含产品窗口、使用流程 Tab、功能 Bento、客户案例、用户评价、FAQ 和注册引导条
- 带计费周期切换、套餐卡片、额度包和对比表的定价页
- 登录后的工作区（起草、定时、订阅者和设置），以及带营收图表、时间范围切换和可排序表格的后台
- 客户案例、公开更新日志、法律和 404 页面，命令面板，以及明暗两种主题
- 字体和照片均已内嵌，页面不发起任何网络请求
如何使用
- 告诉 Skill 你的产品名称、用户在里面创建什么、3 到 6 个功能、定价方式，以及业务关注的几个数字。
- Skill 按你的核心对象重命名工作区、面板和操作，补写缺失文案并列出来让你确认。
- 打开文件，登录演示账户，跑一遍主要操作，查看后台，再用大白话提修改。
新照片由 Agent 的图像工具生成，可能产生该工具自身的使用费用。
开始前需要准备什么
- 你需要提供
- 产品名称及其核心对象，也就是用户创建或管理的东西 · 3 到 6 个功能、定价方式，以及业务关注的三四个数字 · 一个客户案例；如果网站展示真实人物，请提供真实照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 中的图像工具，用于生成登录页、客户案例和人像照片；如果你自己提供则可以不用
- 外部成本
- 你没有提供的照片由 Agent 自带的图像工具生成，可能产生该工具的使用费用。产品窗口用代码绘制，成品文件不发起任何网络请求。查看示例不产生任何费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…