
Preview gallery
关于这个 Skill
一个完整的 SaaS 产品原型,读起来就像一个真实的成品:营销登陆页面、定价、登录、工作登录工作区和管理后台,以及客户故事、公共变更日志和法律页面。每个视图都共享一种瓷器和青色的设计和一种现场演示状态,因此在一个地方花费的积分或更改的计划会显示在其他地方。产品窗口是用代码绘制的,整个套件有浅色和深色主题。
Picked most often by
About this Skill

描述您的 SaaS 并一次性获得整个产品界面:营销站点、定价、登录、制作核心对象的工作区以及监控业务的后台。每个视图共享一种瓷器和青色设计和一种现场演示状态,因此应用程序中的操作会显示在管理中。所有内容都以一个文件的形式到达,可以在任何浏览器中离线打开。

What you get
- 包含产品窗口、工作原理选项卡、功能便当、客户故事、报价、常见问题解答和注册栏的登陆页面
- 通过计费开关、计划卡、信用包和比较表进行定价
- 登录工作区包含起草、日程安排、订阅者和设置,以及包含收入图表、范围开关和可排序表格的管理视图
- 客户故事、公共变更日志、法律和 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 tool in your agent for the sign-in, customer story and portrait photos; optional if you supply your own
- Outside costs
- 您未提供的照片是使用您的智能体自己的图像工具生成的,这可能会产生该工具的使用费。产品窗口是用代码绘制的,完成的文件不会发出任何网络请求。查看示例不需要任何费用。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 登陆、定价、登录、工作区和管理视图,以及客户故事、变更日志、法律和 404 页面,全部路由并共享一个实时演示状态
- 核心对象的工作工作区:撰写、包含制作人员的 AI 草稿、安排、管理订阅者并查看管理活动提要中的每个操作
- Instrument Sans 和 Geist Mono 类型、青色药丸按钮、软卡、命令调色板、浅色和深色主题以及基于角色的照片位于一个离线文件中
Good fit
- 创始人提出 SaaS 理念,他们需要在任何后端存在之前让整个产品感觉真实
- 产品经理在营销、应用程序和管理方面运行利益相关者或投资者演练
- 想要跨公共网站和登录产品使用一个设计系统的独立开发人员
Not for
- 具有真实身份验证、支付或数据的生产应用程序;登录、结账和积分都是前端模拟
- 单一登陆页面;如果您只需要营销页面,则登陆页面技能更适合
- 响亮、多彩的消费品牌;港口很平静,以产品为主导,带有一种青色的口音
产品发布和应用程序增长网页设计和数字体验建立网站页面构建登陆页面Style-lockedEditable Output快速周转瓷青色药丸接口软高架卡窗口镀铬模型浅色 深色 用户界面
User reviews
Loading reviews…








