海港产品套件v1.0.1
使用这个 Skill:制作网页/单页站/仪表盘。
5.00 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?打造一个连贯的产品原型,涵盖落地页、定价、登录、工作区和管理视图,并串成可交互的产品故事。它帮助创始人与产品团队在投入正式建设前,于演示、规划会和利益相关者沟通中展示完整用户旅程。
更新于 2026年8月25日
效果预览
运行于
生成模型
宿主 Agent 模型
用户评价
评价加载中…
你将获得
- 一个 harbor 风格、可点击的五视图 SaaS 原型——营销落地页、定价页、登录页、登录后工作台和管理端分析——全部装进一个 hash 路由的 HTML 文件
- 瓷白配水鸭青的设计系统:胶囊形 CTA、柔和悬浮卡片、用 CSS 窗口镶边 mockup 代替截图,以及完整的明暗主题
- 演示效果出色的坦诚前端仿真:演示账号登录、积分系统,以及会追加产品主题建议的 AI 起草循环
适合
- 正在推介 SaaS 想法的创始人——需要在任何后端存在之前,就让整个产品显得真实
- 希望落地页、应用和管理端视图共享同一套连贯设计系统的产品团队
- 演示与投资人走查——所有视图都可点击,来自一个能直接从磁盘运行的文件
不适合
- 带真实认证、支付或数据的生产级应用——所有流程都是前端仿真
- 想要喧闹、多彩消费级外观的品牌——harbor 是沉静、产品导向且中性的
- 单页任务——如果你只需要一个落地页,落地页类 Skill 更合适
产品发布与应用增长数字出版物与网页展示制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑快速出成果Porcelain TealPill InterfaceSoft Elevated CardsWindow Chrome MockupsLight Dark Ui
关于此 Skill

开始前需要准备什么
- 你需要提供
- 产品名称、核心对象(用户创建的东西)、3–6 条功能、定价形态,以及最重要的四项管理端指标
- 最近实测
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT


