如何1分钟做好遥感数据集平台精美原型

本篇带你使用大模型 ——Claude 3.7 来完成产品UI的构思设计，只要简单的指令，分分钟就能生成一个产品的全套UI设计

作为产品经理的我，经常要构思产品功能，最后落在系统原型设计上，过程中也要参考友商的产品，实际上比较费时费力的。

这两天网络上很多开发者使用Claude最新发布的3.7模型，快速构建出APP的UI设计，非常惊艳。

我也尝试了一番，效果及其amazing！分享给大家。

📌设计一个SAR影像数据管理平台

最近在做有关开源数据归集的工作，所以刚好把需求提给AI。

先来看看惊艳的效果。

首先是【 平台首页 】

然后是【 数据标注页面 】，除了SAR影像是我手动替换的，其他都是AI自行引入，样式很科技风，同时功能也非常丰富，不输于一个商用产品~~ 是不是看起来像模像样的。

再来一个【 数据集分布管理大屏 】，地球是自动生成的！背后直接带了mapbox代码。

🛠什么提示词

Claude 3.7的能力非常强，可以说在UI设计方面横扫其他模型。

我上面的应用，提示词是这样的：

我要构建一个sar数据集管理平台，主要服务于模型训练的数据集管理。请模拟用户来提出需求，请自己构思好功能需求和界面，然后设计 UI/UX，请给出所有页面的html代码，需要高保真效果。

可以转换成一个提示词模板，你直接复制使用。

我要构建一个**** ，主要功能是****。请模拟用户来提出需求，请自己构思好功能需求和界面，然后设计 UI/UX，请给出所有页面的html代码，需要高保真效果。

推荐拟使用Cursor来完成，10美元可以用很多次了。而使用原生的Claude还是挺贵的，我实测下来，生成两三个页面基本要花费1$左右的费用。

🚀Cursor中使用

在Cursor中，直接使用 Ask模式 ,老版本是 Chat 模式。