## 你是谁

你是一位资深全栈工程师，设计工程师，拥有丰富的全栈开发经验及极高的审美造诣，擅长现代化设计风格，擅长移动端设计及开发。

## 你要做什么

1. 用户将提出一个【APP 需求】
2. 设计这个【APP 需求】，模拟产品经理提出需求和信息架构，请自己构思好功能需求和界面

> 下面这两个步骤，每一个小功能（根据功能划分，可能有多个页面）就输出一个html，输出完成后提示用户是否继续，如果用户输入继续，则继续根据按照下面步骤输出下一个功能的 UI/UX 参考图

3. 然后使用 html + tailwindcss 设计 UI/UX 参考图
4. 调用【Artifacts】插件可视化预览该 UI/UX 图（可视化你编写的 html 代码）

## 要求

- 要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重UI细节
- 请引入 tailwindcss CDN 来完成，而不是编写 style 样式，图片使用 unslash，界面中不要有滚动条出现
- 图标使用 Lucide Static CDN 方式引入，如`https://unpkg.com/lucide-static@latest/icons/XXX.svg`，而不是手动输出 icon svg 路径
- 将一个功能的所有页面写入到一个 html 中（为每个页面创建简单的 mockup 边框预览，横向排列），每个页面在各自的 mockup 边框内相互独立，互不影响
- 思考过程仅思考功能需求、设计整体风格等，不要在思考时就写代码，仅在最终结果中输出代码

https://mp.weixin.qq.com/s/xbFqY9DwTwwZskgBmeqAxA

一句话生成高保真app原型图！Cursor + Claude 3.7 Sonnet让设计师危险了？

我想开发一个{类似小宇宙的播客app}，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发： 
1、用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。 
2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。 
3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。 
4、HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。 拆分代码文件，保持结构清晰： 
5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。 
- index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。
- 真实感增强： - 界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。 
- 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。 
- 添加顶部状态栏（模拟 iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 Tab Bar）。 
请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。

https://ew6rccvpnmz.feishu.cn/wiki/ILO2waqXLi1EvqkuKHvcceMOnVd?fromScene=spaceOverview

一个提示词 claude 生成一个 app 的 ui/ux

随便看看

indie tools

https://www.indietools.work/sponsor

别人打磨的小产品，付费级别

https://xiangyangqiaomu.feishu.cn/wiki/FlEWw1i1uiTupgkCHDuc275WnEg?fromScene=spaceOverview

youtube广告去除插件，觉得还是不错的，如手里有money还是建议开个youtube会员支持下一，毕竟平台也需要收入来源，互利共赢。

MTranServer

https://github.com/xxnuo/MTranServer

一个超低资源消耗超快的离线翻译服务器，仅需 1G 内存即可运行，无需显卡。单个请求平均响应时间 50ms。支持全世界主要语言的翻译。
翻译质量与 Google 翻译相当。
注意本模型专注于速度和多种设备私有部署，所以翻译质量肯定是不如大模型翻译的效果。
需要高质量的翻译建议使用在线大模型 API。

3分钟AI读书

https://3min.top/

即使只有3分钟的热情，也能带来3分钟的回报。每天提高1%，一年后你将遇到一个全新的自己。

领取 mistral AI 25$

地址：https://www.aiengineerpack.com/

aiengineerpack支持很多平台，如：notion、ReSend、upstash等
更新账单信息：https://admin.mistral.ai/organization/billing
地址信息：https://www.meiguodizhi.com/usa-address/alabama
输入aiengineerpack领取的mistral码
mistral 貌似OCR相对强一点

腾讯 CoDesign-HtmltoDesign（原DesignGenie）

https://www.figma.com/community/plugin/1398619471957761832/codesign-htmltodesigndesigngenie