docs: fix quotation marks and add image input support table

Update Chinese documentation to use consistent quotation mark style and add a table clarifying which AI models support image input. The changes improve readability and provide important practical information for users working with different AI models.
2026-02-07 17:42:13 +08:00
parent e003547544
commit 06fe6797f2
2 changed files with 31 additions and 5 deletions
@@ -146,7 +146,7 @@ AI 出现之后,第一次给了普通人一个全新的可能：你不需要会
 - 结果可见：你能立即在浏览器中验证是否按预期工作
 - 纠错直接：发现问题后，可以在后续对话中点明具体现象并要求修正（通过复制错误直接粘贴，或者截图粘贴的形式让 AI 进行修改）

-在这个边界内，你可以把对话式 AI 看作一位执行力不错的“辅助开发者”。你只需在每一轮用自然语言细化和修正需求，就能快速得到可用的原型。
+在这个边界内，你可以把对话式 AI 看作一位执行力不错的"辅助开发者"。你只需在每一轮用自然语言细化和修正需求，就能快速得到可用的原型。

 **AI 独立完成小型项目的成功率：**
 <el-progress :percentage="90" :stroke-width="15" status="success" striped striped-flow />
@@ -499,13 +499,39 @@ AI 会根据你的描述，直接修改 React 组件和样式。保存后刷新
   > “这是我运行后出现的完整错误信息。我看不懂这些英文，请先用普通人能听懂的话解释一下，这大概是什么意思。  
   > 然后告诉我，我现在最简单应该怎么改。”

-2. **给 AI 看截图**  
-   如果你觉得“这个页面看着就是不对”，但又不会描述，可以：
+2. **给 AI 看截图**
+   如果你觉得"这个页面看着就是不对"，但又不会描述，可以：
   - 截一张当前页面的图；
   - 把你正在用的那份代码，一整段复制给 AI；
   - 然后说明：
-     > “这是现在页面的样子，这是我现在的完整代码。  
-     > 我原本希望它是三列排版，现在变成一列了。请你帮我看一下原因，并给我一份改好后的完整代码。”
+     > "这是现在页面的样子，这是我现在的完整代码。
+     > 我原本希望它是三列排版，现在变成一列了。请你帮我看一下原因，并给我一份改好后的完整代码。"
+
+   ::: tip 💡 关于截图功能的补充说明
+
+   需要注意的是，**并非所有 AI 模型都支持"看图片"**。这涉及到两个不同的概念：
+
+   - **纯文本大模型（LLM）**：只能处理文字输入，无法识别图片内容。如果你给它发截图，它要么拒绝处理，要么无法正确理解图片中的信息。
+
+   - **多模态模型**：能够同时处理文字、图片等多种类型的输入，可以"看懂"你发的截图，并根据图片内容给出建议。
+
+   **常见模型的能力参考**（以 Trae 中可选的模型为例）：
+
+   | 模型 | 是否支持图片输入 |
+   |------|-----------------|
+   | Doubao-Seed 系列 | ✅ 支持 |
+   | GLM-4.7 / 4.6 | ❌ 不支持 |
+   | MiniMax-M2.1 / M2 | ❌ 不支持 |
+   | DeepSeek-V3.1 | ❌ 不支持 |
+   | Kimi-K2.5 | ✅ 支持 |
+   | Kimi-K2-0905 | ❌ 不支持 |
+   | Qwen-3-Coder | ❌ 不支持 |
+   | Gemini 系列 | ✅ 支持 |
+   | GPT 系列 | ✅ 支持 |
+
+   **使用建议**：如果你想通过截图让 AI 帮你排查界面问题，请先确认你使用的模型支持图像输入。如果不支持，你可以改用文字描述问题，或者将错误信息复制粘贴给 AI。
+
+   :::

 3. **遇到喜欢的网页，想做个类似的**  
   不需要说“这个布局叫什么”，直接：