xixi's blog

尝试了使用cursor生成html代码，将代码传到云端后导入到figma。整体效果如下。

提示词：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

我想要开发一个[用来记忆GRE单词的 app]。
我需要将上面的这个应用输出成高保真的原型图设计。请考虑以下的规范：
1. 用户体验：先分析产品的主要功能和需求，确定下核心能力
2. 产品规划：希望你作为一位 20 年的产品经理，来设计我们的整个产品，确保架构非常合理
3. UI 设计：作为 30 年的 UI 设计师，要保证符合目标人群的使用习惯、符合手机端的设计规范、使用比较现代化的 UI 元素，注重产品体验和视觉
4. 输出：
- 请使用 HTML + Tailwind CSS 来生成所有的原型图界面，可以使用 FontAwesome 来美化界面，接近真实的 app 效果。
- 请根据功能拆分代码文件，保存结构清晰，每个功能界面需要一个独立的 HTML 文件，比如 home.html、games.html、me.html 等等
- 尽可能地使用 Tailwind CSS 的样式，如果需要自定义的话，请用独立的 css 文件，然后引入到 HTML 代码中来
- 用 index.html 作为主入口，不直接写入所有界面的代码，这里我们使用 iframe 的方式来嵌套其他页面，并将所有页面直接展示在 index 页面上
- 界面尽可能模拟 iPhone 15 的真实外观
- 页面里面需要使用到的图片，可以从 unsplash、pexels 获取图片
- 尽最大的可能降低页面的 TOKEN
- 保证我们的代码页面最后能够很顺畅的转为 Figma 文件进行二次编辑

生成原型图如下：

大概能看，但还是需要人工进行调整。不过生成的图标应该可以省去在画高保真时找图标的精力。

• 阿里-夸克，腾讯-元宝，字节-豆包：元宝（模型即产品，广告做得多），豆包（随机推送智能体，离不开视频的形态），夸克（开拓应用场景，针对不同场景做工作流，已有用户基础在）

  • 腾讯的元宝和deepseek有啥区别

  • 模型能力结合用户产品能力

• 不同的路径依赖，走向不同的产品形式

• AGI是什么 ：AGI 系统可以像人类一样解决各个领域的问题，而无需人工干预。AGI 不局限于特定范围，而是可以自学并解决从未接受过训练的问题。因此，AGI 是完整的人工智能的理论表现，它以广义的人类认知能力解决复杂的任务。

• 阿里AI战略：阿里云（云），通义千问（模型），夸克（应用）。独特的生态垄断位。

AI搜索

• 新起产品or重构现有产品

  • UI变化大：传统互联网的流是上下滑，AI时代的“流”是对话框。”框”变成最重要的交互工具。字节之前只有流的产品；腾讯微信有微信框，但涉及隐私问题，隐晦接入搜索框；阿里tob钉钉，toc夸克，天生具有“框”。

  • 百度：从框计算到超级框

  • 中间页：零和博弈关系，百度无法完成一站式体验（零和博弈：指参与博弈的各方，在严格竞争下，一方的收益必然意味着另一方的损失，博弈各方的收益和损失相加总和永远为“零”）

• 从“关键词搜索”到“任务交付” ：用户对“AI全权代理”的接受度：新的生产关系，google在页面最上方推AI概览，广告收入/SEO生态。内容/服务/交易生态的变化。

  • AI不会受广告影响：美团屏蔽Agent爬虫

• 推理模型不需要****角色扮演：内置MoE结构

• AI****应用护城河：通过记忆与数据完善意图识别等流程，更私人定制化；用户留存更重要

  • 夸克王牌功能“AI搜题”

  • 模型可以做工具调用：manus二三十个工具可以调用，“框”后的工具多多益善

AI助手

• 互联网“去APP化”: 日活较低的产品容易被AI集成

  • 做宽or做深：使用AI PPT的用户反而不是天天做PPT的

• “全能助手”的盈利困境：跨场景服务泛而不精，用户是否愿意买单？如何在简单的页面里安排数量较多的产品

AI浏览器

• 为什么AI创业选择做插件：依附PC端浏览器生态；移动端浏览器获客难，用户关注趣味性（浏览器界面推小说）

• AI早期用户：Pro C（办公室牛马）用PC端更多

• AI使用工具，人使用AI

• MCP（模型上下文协议）：AI和外部硬件达成协议，汇集、干预、操纵信息，而非简单问答

• AI是大厂游戏？模型侧可能是，应用侧不是。找到用户场景。

• AI在游戏中的应用设想：不必跳出APP查攻略，调用AI多模态能力进行搜索，找到攻略视频