如何利用 AI 工具 高效学习？Gemini DR 和 Raycast AI 组合应用

为什么需要 AI 工具辅助学习？

我们身处信息爆炸的时代，值得学习的知识浩如烟海。然而，每个人的时间和认知起点都是有限的。如何才能在有限的时间内，高效地获取并掌握所需的知识呢？借助 AI 工具，我们可以快速进行研究和学习，显著提升学习效率。

最佳 AI 工具组合：Gemini DR + Raycast AI

经过摸索，我发现 Gemini Deep Research with 2.5 Pro (简称 Gemini DR) 和 Raycast AI (使用 Claude 3.7 Sonnet) 是目前最佳的 AI 工具组合。

Gemini DR 的作用

Gemini DR 能够进行深度搜索，从海量信息中提取并整合完整、高质量的内容。它就像一位不知疲倦的调研助手，为你搜集整理各种资料。

Raycast AI 的作用

Raycast AI 能够将复杂的信息转化为可视化网页，极大地提升可读性和理解效率。它就像一位优秀的网页设计师，将你的调研成果转化为清晰、美观的呈现方式。

如何使用 Gemini DR 和 Raycast AI？

核心流程非常简单：

1. 使用 Gemini DR 进行搜索，获取全面的信息。
2. 使用 Raycast AI，基于 Gemini DR 的结果生成可视化网页。

使用案例：对比常用 AI 编程工具

场景描述

经常有朋友咨询我，哪个 AI 编程工具更好用。从我个人的经验来看：

• 付费工具： VS + Augment 最强大，其次是 Windsurf、Cursor。
• 免费工具： Trae，以及 VS + Cline/Roocode + 火山免费token or OpenRouter免费模型。

然而，每个人的需求不同，我的个人经验可能并不全面。直接回复可能会误导他人。因此，我决定借助 AI 工具进行更深入、客观的对比。

操作步骤

1. 使用 Gemini DR 进行研究：

   提示词： 对比所有常见的 AI 编程工具，包括 Windsurf、Cursor、Lovable、Augment 等。

   Gemini DR 会参考大量网站和论坛，在几分钟内生成一份详细的报告。

2. 使用 Raycast AI 生成可视化网页：

   由于 Gemini DR 生成的内容很长，可读性较差，我们可以借助 Claude 生成可视化网页，以提升可读性。

   提示词： 你是一名专业的网页设计师和前端开发专家，对现代 Web 设计趋势和最佳实践有深入理解，尤其擅长创造具有极高审美价值的用户界面。你的设计作品不仅功能完备，而且在视觉上令人惊叹，能够给用户带来强烈的 “Aha-moment” 体验。请重构当前的项目，设计一个美观、现代、易读的 “中文” 可视化网页。请充分发挥你的专业判断，选择最能体现内容精髓的设计风格、配色方案、排版和布局。

   设计目标：

   • 视觉吸引力： 创造一个在视觉上令人印象深刻的网页，能够立即吸引用户的注意力，并激发他们的阅读兴趣。
   • 可读性： 确保内容清晰易读，无论在桌面端还是移动端，都能提供舒适的阅读体验。
   • 信息传达： 以一种既美观又高效的方式呈现信息，突出关键内容，引导用户理解核心思想。
   • 情感共鸣: 通过设计激发与内容主题相关的情感（例如，对于励志内容，激发积极向上的情绪；对于严肃内容，营造庄重、专业的氛围）。

   设计指导（请灵活运用，而非严格遵循）：

   • 整体风格： 可以考虑杂志风格、出版物风格，或者其他你认为合适的现代 Web 设计风格。目标是创造一个既有信息量，又有视觉吸引力的页面，就像一本精心设计的数字杂志或一篇深度报道。
   • Hero 模块（可选，但强烈建议）： 如果你认为合适，可以设计一个引人注目的 Hero 模块。它可以包含大标题、副标题、一段引人入胜的引言，以及一张高质量的背景图片或插图。
   • 排版：
     • 精心选择字体组合（衬线和无衬线），以提升中文阅读体验。
     • 利用不同的字号、字重、颜色和样式，创建清晰的视觉层次结构。
     • 可以考虑使用一些精致的排版细节（如首字下沉、悬挂标点）来提升整体质感。
     • Font-Awesome中有很多图标，选合适的点缀增加趣味性。
   • 配色方案：
     • 选择一套既和谐又具有视觉冲击力的配色方案。
     • 考虑使用高对比度的颜色组合来突出重要元素。
     • 可以探索渐变、阴影等效果来增加视觉深度。
   • 布局：
     • 使用基于网格的布局系统来组织页面元素。
     • 充分利用负空间（留白），创造视觉平衡和呼吸感。
     • 可以考虑使用卡片、分割线、图标等视觉元素来分隔和组织内容。
   • 调性： 整体风格精致, 营造一种高级感。
   • 数据可视化：
     • 设计一个或多个数据可视化元素，展示关键概念和它们之间的关系。
     • 可以考虑使用思想导图、概念关系图、时间线或主题聚类展示等方式。
     • 确保可视化设计既美观又有洞察性。
     • 使用Mermaid.js来实现交互式图表，允许用户探索不同概念之间的关联。

   技术规范：

   • 使用 HTML5、Font Awesome、Tailwind CSS 和必要的 JavaScript。
   • Font Awesome: https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css
   • Tailwind CSS: https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css
   • 非中文字体: https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap
   • font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;
   • Mermaid: https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js
   • 代码结构清晰、语义化，包含适当的注释。
   • 实现完整的响应式，必须在所有设备上（手机、平板、桌面）完美展示。

   额外加分项：

   • 微交互： 添加微妙而有意义的微交互效果来提升用户体验（例如，按钮悬停效果、卡片悬停效果、页面滚动效果）。
   • 补充信息： 可以主动搜索并补充其他重要信息或模块（例如，关键概念的解释等），以增强用户对内容的理解。

   输出： 直接生成完整的 HTML 单页。

   示例效果：

   例如，生成的 AI 工具选择决策流程图非常清晰，以后可以多加入几个 AI 编程工具对比，如 Trae、Cline、bolt、v0 等。

   这样，就能把网页和生成的图，发给朋友做参考。

使用案例：设计风格研究

场景描述

之前让 AI 写过一个提示词，生成 29 种设计风格，效果非常棒。但都是 AI 生成，自己并不懂这些风格的起源和发展。

操作步骤

同样可以使用 Gemini DR 进行研究，然后用 Raycast AI 生成网页。

示例效果：

• 设计风格时间线
• 设计风格之间关系
• 深入探讨

后记

几乎所有主流大模型都加入了深度搜索类功能。从性价比来看，个人觉得：Gemini > ChatGPT。Grok 也有深度搜索，但质量感觉不如谷歌 Gemini 效果好。

先用 Gemini DR 获得高质量内容，再用 Claude 可视化网页，几乎可以学习任何你感兴趣的内容。

强烈推荐这个 AI 工具组合！

我认为：这AI工具组合，就像黑暗中的灯塔，为我们指引了学习的方向。然而，工具终究是工具，真正的学习还需要我们付出努力和思考。正如鲁迅先生所说：“世上本无所谓希望，希望便是像这地上的路；其实地上本没有路，走的人多了，也便成了路。” 在知识的道路上，我们需要不断探索，才能走出属于自己的道路。