准备环境
安装 node.js
推荐使用 volta 或者 nvm 进行 node.js 环境管理。
Gemini CLI
安装设置
- 安装
bash
npm install -g @google/gemini-cli- 设置
bash
npx @google/gemini-cli
# 选择主题并授权，登录个人谷歌账号进行授权，即可开始使用。如果需要使用特定模型，或者免费额度不够用，可以去 Google AI Studio 生成一个 API Key。
通过环境变量配置：export GEMINI_API_KEY="apiKey"
如遇 Google Cloud 项目认证问题，在 Google Cloud 创建一个项目得到 project_id。
在终端中执行下面的指令，将 project_id 写入到环境变量中：
sh
echo 'export GOOGLE_CLOUD_PROJECT=<你的 project_id>' >>
~/.zshrc
# 刷新生效
source ~/.zshrc
测试效果
md
<!-- 问答能力 -->
java lambda 表达式是对什么传统实现方法的升级
<!-- 搜索能力 -->
请使用 Google 搜索功能，今天的日期，以及今天是什么节日？
<!-- 代码生成与网页搭建 -->
创建一个贪吃蛇游戏，使用html+css+js代码实现
Claude Code + Kimi
安装设置
- 进入 kimi 输入提示词
md
参考以下网页，一步步指导我在 {Windows Mac Linux} 终端中安装该程序：https://docs.anthropic.com/zh-CN/docs/claude-code/setup- 申请 API Key
- 修改环境变量
Mac/Linux/WSL
sh
cd ~/desktop/claude
# 1. 写入环境变量（请把 sk-xxx 换成你的真实 Kimi Key）
echo 'export ANTHROPIC_AUTH_TOKEN="sk-你的KimiKey"' >> ~/.zshrc
echo 'export ANTHROPIC_BASE_URL=" https://api.moonshot.cn/anthropic"' >> ~/.zshrc
# moonshot.ai（海外站）生成的api key, base url 需要改成
echo 'export ANTHROPIC_BASE_URL=" https://api.moonshot.ai/anthropic"' >> ~/.zshrc
# Mac/Linux/WSL 把这两行追加到 ~/.zshrc 或 ~/.bashrc 就是永久生效。
source ~/.zshrcwindows powershell
sh
setx ANTHROPIC_AUTH_TOKEN "sk-你的KimiKey"
setx ANTHROPIC_BASE_URL " https://api.moonshot.cn/anthropic"
# 检查是否修改完成
echo $env:ANTHROPIC_API_KEY- 运行
claude
查看 API Base URL，是否已经替换完成
测试
md
## 以下是我的文章：
现阶段值得推荐的AI模型与产品清单
模型
LLM 模型
| 推荐程度 | 名称 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | -------------------- | -------------------------------------- | -------- | ----------------- |
| 常用 | Gemini 2.5 Pro/flash | 综合性能优秀，响应速度快，支持多模态 | 低 | 有限额，Pro版付费 |
| 其他推荐 | 豆包 Seed 1.6 | 中文优化，本土化体验，支持语音对话 | 低 | |
| 其他推荐 | Claude 4 sonnet | 推理能力强，适合复杂任务，代码能力突出 | 低 | |
| 其他推荐 | Qwen 3 | 小尺寸版本，适合本地部署，开源免费 | 中 | 开源本地部署 |
想要对比体验的话，可以在 [lmarena]([ https://lmarena.ai/ ](https://lmarena.ai/)) 大模型竞技场上体验。找到"Direct Chat"功能进行直接对话。
还提供Arena模式，允许用户同时与两个不同的AI模型对话并进行比较评价。
通过点击顶部的Leaderboard，可以查看所有大模型的当前评分排名。
AI 对话应用
由于模型和 AI 的对话应用有直接相关，所以这块直接介绍 AI 对话应用
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | -------- | ----------------------------- | -------------------- | -------- | ------------------ |
| 常用 | 腾讯元宝 | [https://yuanbao.tencent.com ](https://yuanbao.tencent.com/) | 能搜公众号和微信生态 | 低 | |
| 其他推荐 | 豆包 | [https://www.doubao.com/chat ](https://www.doubao.com/chat) | | 低 | |
| 其他推荐 | Gemini | [https://gemini.google.com/app ](https://gemini.google.com/app)| | 低 | 有限额，Pro版付费 |
| 其他推荐 | ChatGPT | [https://chatgpt.com ](https://chatgpt.com/) | | 低 | 免费阉割，会员付费 |
| 其他推荐 | kimi | [https://www.kimi.com ](https://www.kimi.com/) | | 低 | |
其中 `Gemini 2.5 Pro` 作为目前最强的模型，所以详细介绍如何使用
| 网页端 | 定位 | 特点 | 适用人群 |
| :-------------------------: | :------------------: | :-----------------------------------------------: | :-------------: |
| [https://aistudio.google.com ](https://aistudio.google.com/)| 面向开发者的研究平台 | 功能简陋，高级模型免费无限量，有文生图/视频等功能 | 开发者/研究人员 |
| [ https://gemini.google.com ](https://gemini.google.com/) | 面向用户的产品 | 功能丰富，高级模型限量 | 普通用户 |
可以结合本地应用使用：
1. 在 [https://aistudio.google.com ](https://aistudio.google.com/)上获取 API Key
2. cherry studio [https://www.cherry-ai.com/ ](https://www.cherry-ai.com/)安装后配置模型
文生图
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | -------- | ---------------------------------------- | --------- | -------- | --------- |
| 常用 | 豆包生图 | [https://www.doubao.com/chat/create-image ](https://www.doubao.com/chat/create-image)| | 低 | |
| 其他推荐 | Imagen | [https://labs.google/fx/zh/tools/image-fx ](https://labs.google/fx/zh/tools/image-fx)| | 低 | |
| 其他推荐 | 即梦 | [https://jimeng.jianying.com/ai-tool/home ](https://jimeng.jianying.com/ai-tool/home)| 剪映生态 | 低 | |
文生视频
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | ----- | -------------------------------------------------------- | --------- | -------- | --------- |
| 常用 | 可灵 | [https://app.klingai.com/cn/image-to-video/frame-mode/new ](https://app.klingai.com/cn/image-to-video/frame-mode/new)| | 低 | 有限额 |
| 其他推荐 | Veo 3 | [https://labs.google/fx/zh/tools/flow ](https://labs.google/fx/zh/tools/flow) | 谷歌 | 低 | 有限额 |
| 其他推荐 | 即梦 | [https://jimeng.jianying.com/ai-tool/home ](https://jimeng.jianying.com/ai-tool/home) | 剪映生态 | 低 | |
文生音频
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | ------------------ | ------------------------------------------- | -------------------------------------------- | -------- | --------- |
| 常用 | 豆包app 语音通话 | - | 集成度高，使用便捷，支持实时对话 | 低 | |
| 其他推荐 | MiniMax | [https://www.minimax.io/audio/text-to-speech ](https://www.minimax.io/audio/text-to-speech)| 音质优秀，支持多种语言和情感 | 低 | 有限额 |
| 其他推荐 | memoai | [https://memo.ac/ ](https://memo.ac/) | 支持音频视频转文本、字幕并翻译、合成新的语音 | 中 | 有限额 |
| 其他推荐 | Azure 在线配音工具 | [https://tts.femoon.top/cn ](https://tts.femoon.top/cn) | 支持2000字，多种语言可选 | 低 | |
| 其他推荐 | TikTok Voice | [https://tiktokvoice.net/ ](https://tiktokvoice.net/) | 在线的文本转语音，操作简单 | 低 | |
转播客的话，[NoteBookLM]([ https://notebooklm.google.com/ ](https://notebooklm.google.com/)) 和 [扣子空间]([ https://space.coze.cn/ ](https://space.coze.cn/)) 也可以实现。
音视频转文案
音视频转文案字幕也是一个比较常见的场景，可以使用：
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | --------------------- | ------------------------------------------------ | --------- | -------- | -------------------- |
| 常用 | 腾讯文档 音视频转文字 | [https://docs.qq.com/open/toolkit/av-to-text.html ](https://docs.qq.com/open/toolkit/av-to-text.html)| | 低 | 有文件大小限制 |
| 常用 | 通义听悟 | [https://tingwu.aliyun.com/ ](https://tingwu.aliyun.com/) | | 低 | 有限额，付费按量计费 |
| 其他推荐 | 讯飞听见 | [https://www.iflyrec.com/ ](https://www.iflyrec.com/) | | 低 | 付费服务，按时长计费 |
| 其他推荐 | 飞书妙记 | [https://www.feishu.cn/product/minutes ](https://www.feishu.cn/product/minutes) | | 低 | |
| 其他推荐 | 钉钉闪记 | [https://shanji.dingtalk.com/ ](https://shanji.dingtalk.com/) | | 低 | |
| 其他推荐 | NoteBookLM | [https://notebooklm.google.com/ ](https://notebooklm.google.com/) | | 中 | 有限额 |
| 其他推荐 | memoai | [https://memo.ac/ ](https://memo.ac/) | | 中 | 有限额 |
服务厂商
没啥推荐不推荐的，说不定都用不上，只是列一下，有备无患。
| 名称 | 链接 | 特点/备注 |
| ------------ | ----------------------------------- | -------------------------------------- |
| 硅基流动 | [https://cloud.siliconflow.cn ](https://cloud.siliconflow.cn/) | |
| 火山引擎 | [https://www.volcengine.com ](https://www.volcengine.com/) | |
| OpenRouter | [https://openrouter.ai/ ](https://openrouter.ai/) | 统一 API 接口，支持多个主流模型，免费 |
| 阿里云百炼 | [https://bailian.console.aliyun.com/ ](https://bailian.console.aliyun.com/)| |
| 腾讯云 | [https://cloud.tencent.com ](https://cloud.tencent.com/) | |
| 魔搭 | [https://www.modelscope.cn ](https://www.modelscope.cn/) | |
| Hugging Face | [https://huggingface.co/ ](https://huggingface.co/) | 开源模型社区，支持模型训练、部署和分享 |
产品
Agent Deep Research
这块因为 Deep Research 产品比较多，所以单独列一项目。
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | -------------------- | ------------------------------------------------------------- | -------------------- | -------- | --------- |
| 常用 | [ithy.com ](http://ithy.com/) | [https://ithy.com/ ](https://ithy.com/) | 界面简洁，搜索能力强 | 低 | |
| 常用 | Perplexity | [https://www.perplexity.ai ](https://www.perplexity.ai/) | | 低 | 有限额 |
| 其他推荐 | Gemini Deep Research | [https://gemini.google.com/deepresearch?redirect=home&hl=en-GB ](https://gemini.google.com/deepresearch?redirect=home&hl=en-GB)| | 低 | 有限额 |
| 其他推荐 | 秘塔 深度探索 | [https://metaso.cn/ ](https://metaso.cn/) | | 低 | |
| 其他推荐 | 智谱沉思 | [https://chatglm.cn/main/autoglm?lang=zh ](https://chatglm.cn/main/autoglm?lang=zh) | | 低 | |
| 其他推荐 | kimi 探索版 | [https://www.kimi.com/kimiplus/cu52bqh7l5gqdkncdtnk ](https://www.kimi.com/kimiplus/cu52bqh7l5gqdkncdtnk) | | 低 | |
Gemini Deep Research 有限额，但是有免费的方案，[免费DeepResearch]([ https://github.com/u14app/deep-research ](https://github.com/u14app/deep-research))，只需要提供 api key，选择对应模型，即可使用。在线体验：[ https://research.u14.app/](https://research.u14.app/)
Agent
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | ------------- | ---------------------------- | ------------------------------------------------------------------------------ | -------- | -------------------- |
| 常用 | 扣子 | [https://www.coze.cn/ ](https://www.coze.cn/) | 选择扣子空间或者工作流，功能丰富，生态完善 | 中 | |
| 常用 | 豆包 | [https://www.doubao.com/chat/ ](https://www.doubao.com/chat/)| 本土化体验，语音交互，集成度高 | 低 | |
| 其他推荐 | Manus | [https://www.manus.ai/ ](https://www.manus.ai/) | 界面美观，操作简单，支持多种工作流 | 低 | |
| 其他推荐 | dify | [https://dify.ai/ ](https://dify.ai/) | 无法直接使用，可视化构建 LLM 应用的开发平台 | 高 | 开源免费，企业版付费 |
| 其他推荐 | n8n | [https://n8n.io/ ](https://n8n.io/) | 无法直接使用，开源可视化工作流工具，通过拖放节点连接应用与服务，实现自动化任务 | 高 | 开源免费，云版付费 |
| 其他推荐 | cherry studio | [https://www.cherry-ai.com/ ](https://www.cherry-ai.com/) | 配参数 | 高 | |
Manus 体验渠道 - [https://manus.im/invitation/UVTDGHVDIQLRC ](https://manus.im/invitation/UVTDGHVDIQLRC)这是个邀请链接，每人可得 500 积分
AI 编程工具
严格来说应该属于 Agent，但是场景过于垂直，就单独列一项。
| 推荐程度 | 名称 | 链接 | 特点/备注 | 使用门槛 | 价格/限制 |
| -------- | ---------- | ------------------------------------------- | -------------------------------------- | -------- | ------------------ |
| 常用 | Cursor | [https://www.cursor.com/ ](https://www.cursor.com/) | 基于VSCode，AI编程助手，代码生成能力强 | 中 | |
| 其他推荐 | 通义灵码 | [https://lingma.aliyun.com/ ](https://lingma.aliyun.com/) | 阿里出品，中文友好，集成度高 | 中 | |
| 其他推荐 | Gemini CLI | [https://github.com/google-gemini/gemini-cli ](https://github.com/google-gemini/gemini-cli)| 命令行工具，轻量级，适合开发者 | 高 | 需要API Key |
| 了解跟进 | Trae | [https://www.trae.ai/ ](https://www.trae.ai/) | 字节 | 中 | 免费阉割，会员付费 |
| 了解跟进 | CodeBuddy | [https://copilot.tencent.com/ ](https://copilot.tencent.com/) | 腾讯 | 中 | |
多模态
AI 辅助学习
- [秘塔 AI 今天学点啥]([ https://metaso.cn/study ](https://metaso.cn/study))
- 辅助培训课件+音频+ppt
- 英文 pdf 转中文讲解视频
-**特点**: 专门针对学习场景优化，支持多种学习材料格式
-**使用门槛**: 低
使用建议
新手入门推荐
1.**对话应用**: 豆包或腾讯元宝
2.**文生图**: 豆包生图
3.**音视频转文字**: 腾讯文档或通义听悟
进阶用户推荐
1.**模型**: Gemini 2.5 Pro
2.**Agent**: 扣子或者豆包（功能最全面）
3.**编程工具**: Cursor（AI编程体验最佳）
4.**深度研究**: Perplexity（搜索能力最强）和 Gemini DeepResearch
## 任务
- Role: 前端开发工程师和视觉设计师
- Background: 用户是一位AI科技评测博主，需要将文章要点以类似苹果发布会PPT的Bento Grid风格的视觉设计生成一个中文动态网页展示。用户对网页的风格、布局、颜色、字体、数据可视化和响应式设计有明确的要求。
- Profile: 你是一位精通前端开发和视觉设计的专家，擅长使用HTML5、TailwindCSS和JavaScript构建响应式网页，并且能够将复杂的内容要点以简洁、直观的方式呈现出来。
- Skills: 你具备HTML5、TailwindCSS 3.0+、JavaScript的开发能力，能够通过CDN引入必要的库和图标，并且能够设计简洁的勾线图形化元素，以及运用高亮色透明度渐变制造科技感。
- Goals: 根据用户的要求，设计一个一页展示全部信息的动态网页，满足以下条件：
1. 背景为白色，文字和按钮颜色为纯黑色，高亮色为#4D6BFE。
2. 强调超大字体或数字突出核心要点，画面中有超大视觉元素强调重点，与小元素的比例形成反差。
3. 网页需要以响应式兼容更大的显示器宽度比如1920px及以上。
4. 中英文混用，中文大字体粗体，英文小字作为点缀。
5. 简洁的勾线图形化作为数据可视化或者配图元素。
6. 运用高亮色自身透明度渐变制造科技感，但是不同高亮色不要互相渐变。
7. 数据可以引用在线的图表组件，样式需要跟主题一致。
8. 使用HTML5、TailwindCSS 3.0+（通过CDN引入）和必要的JavaScript。
9. 使用专业图标库如Font Awesome或Material Icons（通过CDN引入）。
10. 避免使用emoji作为主要图标。
11. 不要省略内容要点。
- Constrains: 你必须遵循用户对网页设计的具体要求，确保网页的风格、布局、颜色、字体、数据可视化和响应式设计符合用户期望。
- OutputFormat: HTML5代码，包含TailwindCSS 3.0+和JavaScript代码，以及必要的CDN引入。
- Workflow:
1. 分析用户文章要点，确定核心内容和需要突出的要点。
2. 设计网页布局，使用Bento Grid风格，确保一页展示全部信息。
3. 编写HTML5代码，引入TailwindCSS 3.0+和必要的JavaScript，实现响应式设计。
4. 设计超大字体和视觉元素，突出核心要点，形成反差。
5. 添加简洁的勾线图形化元素，作为数据可视化或配图。
6. 运用高亮色透明度渐变制造科技感，确保不同高亮色不互相渐变。
7. 引用在线图表组件，确保样式与主题一致。
8. 使用专业图标库，避免使用emoji作为主要图标。
9. 确保网页内容要点完整，不省略任何重要信息。
- Examples:
- 例子1：网页标题为"AI科技评测"，使用超大字体和粗体显示，英文小字作为点缀。
- 例子2：核心要点使用超大数字或字体突出，如"评测要点1：性能卓越"，背景为白色，文字为纯黑色，高亮色为#4D6BFE。
- 例子3：简洁的勾线图形化元素用于数据可视化，如柱状图或折线图，高亮色透明度渐变制造科技感。
- 例子4：响应式设计确保在1920px及以上显示器宽度下，网页布局合理，内容完整。
- Initialization: 在第一次对话中，请直接输出以下：您好，作为前端开发工程师和视觉设计师，我将根据您的要求，为您设计一个符合苹果发布会PPT风格的动态网页。请提供您文章的核心要点，我将开始为您构建网页。
为什么我会看好 Gemini CLI
现阶段各个厂商在模型和场景方面各有优劣。 比如：
- OpenAI 和 Anthropic 有模型没场景
- 苹果 和 微软 有场景没模型
- 只有 Meta 和 Google 有模型有场景
但 Meta 的技术底蕴比 Google 还是差点，Transformer 架构是 Google 提出来的，预训练语言模型范式是 Google 提出来的，场景上也是 Google 更丰富。