> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 内置 AI 能力

> 了解如何将 AI 能力整合到您的 Web 应用中

Manus 构建的 Web 应用不仅仅是静态站点；它们是智能、动态的平台，其核心融入了 AI 能力。这使您能够为用户创建独特且引人入胜的体验。

## 大语言模型 (LLM)

您可以将大语言模型的力量直接集成到您的应用中，以创建能够理解和生成类似人类文本的功能。这为交互性和用户辅助开辟了无限可能。

| 用例 | 示例提示词 |
| :- | :- |
| **AI 驱动的聊天机器人** | `"Add a chatbot to the bottom right corner of the site. It should be able to answer frequently asked questions about our pricing, features, and return policy."` |
| **内容生成工具** | `"Create a new page called 'Blog Post Helper'. Add a text input field and a button. When the user enters a topic and clicks the button, call the LLM to generate a 100-word blog post introduction on that topic and display it below."` |
| **自然语言搜索** | `"Upgrade the search bar in the header to use natural language processing. When a user searches for 'cheap red shoes for running', it should understand the intent and show relevant products from the database."` |
| **自动摘要** | `"On the article pages, add a 'Summarize' button. When clicked, use the LLM to generate a three-bullet-point summary of the article's content."` |

## 图像生成

除了基于文本的 AI，您还可以将动态图像生成集成到您的应用中。这实现了广泛的创意和个性化视觉体验。

| 用例 | 示例提示词 |
| :- | :- |
| **个性化头像** | `"On the user profile page, add a feature to generate a personalized avatar. The user can enter a text description like 'a friendly robot with a blue hat', and the app should generate and display the image."` |
| **动态产品模型** | `"On the product page for our custom t-shirts, add a section where users can input text. Use the image generation model to create a mockup of the t-shirt with their custom text printed on it."` |
| **创意背景** | `"Create a 'background generator' tool. Add a text area where users can describe a scene, like 'a futuristic cityscape at sunset, in a watercolor style'. Generate a high-resolution background image based on their description."` |
| **AI 生成的插图** | `"For our blog, create a feature that generates a unique header image for each new post based on the post's title and a summary of its content."` |

## 可用的 LLM 模型

由 LLM 驱动的功能可以在来自三家提供商的十个模型中任选其一运行：OpenAI（GPT-5）、Anthropic（Claude）和 Google（Gemini）。所有模型都支持视觉、工具调用、扩展思考/推理以及结构化 JSON 输出。它们在速度、能力和价格方面有所不同。价格按 token 计算，输入（提示词）和输出（响应）分别计费，下表以美元/每 1,000,000 个 token 显示。

| 模型 | 提供商 | 输入（\$/1M） | 输出（\$/1M） | 描述 |
| - | - | - | - | - |
| GPT-5 nano | OpenAI | \$0.05 | \$0.40 | OpenAI 体积最小、成本最低的模型 |
| GPT-5 mini | OpenAI | \$0.25 | \$2.00 | GPT-5 系列中紧凑、低成本的模型 |
| GPT-5 | OpenAI | \$1.25 | \$10.00 | OpenAI 的通用 GPT-5 模型 |
| GPT-5.5 | OpenAI | \$5.00 | \$30.00 | OpenAI 能力最强的模型 |
| Claude Haiku 4.5 | Anthropic | \$1.00 | \$5.00 | Anthropic 体积最小、成本最低的模型 |
| Claude Sonnet 4.6 | Anthropic | \$3.00 | \$15.00 | Claude 系列中的中端模型 |
| Claude Opus 4.6 | Anthropic | \$5.00 | \$25.00 | Claude 系列中的高能力模型 |
| Claude Opus 4.7 | Anthropic | \$5.00 | \$25.00 | Claude Opus 系列中的最新模型 |
| Gemini 3 Flash | Google | \$0.50 | \$3.00 | Google 的低成本、高速模型 |
| Gemini 3.1 Pro | Google | \$2.00 | \$12.00 | Google 能力最强的模型 |

您可以在提示词中指定某个模型，也可以描述您的目标，让 Manus 为您选择。同一应用中的不同功能可以使用不同的模型。

| 用例 | 示例提示词 |
| - | - |
| 选择特定模型 | "在右下角添加一个客服聊天机器人。使用 Claude Haiku 4.5，让响应快速且成本低廉。" |
| 让 Manus 选择 | "为每篇文章添加一个'总结'按钮。我希望在低成本的前提下保证良好的质量，所以请选择合适的模型。" |
| 并排比较模型 | "构建一个页面，让我可以输入一个提示词，同时发送给 GPT-5、Claude Sonnet 4.6 和 Gemini 3.1 Pro，并比较它们的响应、延迟和成本。" |
| 启用扩展思考 | "对于数学辅导功能，使用启用了扩展推理的 GPT-5，让它逐步解决问题。" |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.