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

# 提示和集成

> 通过强大的内置集成增强你的应用

Lovable 提供了丰富的内置集成，让你的应用具备更强大的高级能力。无论你需要 AI 驱动的处理、文档自动化，还是 UI 增强，Lovable 都能满足你的需求。

<Warning>
  你需要设置你自己的 API 密钥，才能在 Lovable 中使用这些集成。

  <iframe width="100%" height="315" src="https://www.youtube.com/embed/6R4cc86bZD8?si=trT7a5wHvhs5da6i" title="YouTube 视频播放器" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Warning>

<div id="ai-llms">
  ## AI 与大语言模型（LLM）
</div>

集成领先的 AI 模型，构建智能应用，以提升用户体验、自动化工作流程并生成内容：

* **OpenAI 的模型** – 适合摘要、分析和内容生成，速度快且可靠。
* **Anthropic 的最新模型** – 擅长复杂推理和深度分析。
* **Google 的最新模型** – 在逻辑推理和长上下文处理方面表现出色。
* **Groq** – Create 中速度最快的 AI 模型，由 Llama 3 提供支持。
* **Cohere Command R+** – 为企业级应用设计的可扩展 LLM。

**入门提示词示例：**

<Info>
  使用 `[AI model]` 构建一个用于提升语法的写作助手。
</Info>

<Info>
  使用 `[AI model]` 创建一个提供客户支持的聊天机器人。
</Info>

<Info>
  使用 `[AI model]` 开发一个 AI 驱动的研究助手。
</Info>

<Info>
  构建一个使用 `[AI model]` 进行文本分析的应用。
</Info>

<Info>
  创建一个使用 `[AI model]` 进行内容生成的工具。
</Info>

<Info>
  构建一个使用` [AI model]` 来分析长文档的应用。
</Info>

<Info>
  创建一个使用 `[AI model]` 进行多步推理的工具。
</Info>

<Info>
  使用` [AI model]` 打造一个研究助手。
</Info>

<Info>
  创建一个使用 `[AI model]` 进行实时分析的工具。
</Info>

<Info>
  构建一个使用 `[AI model]` 进行快速响应的聊天机器人。
</Info>

<Info>
  构建一个使用 `[AI model]` 进行文本处理的应用。
</Info>

<Info>
  构建一个使用 `[AI model]` 进行内容分析的应用。
</Info>

<Info>
  创建一个使用 `[AI model]` 提供写作辅助的工具。
</Info>

<Info>
  使用 `[AI model]` 打造一个研究助手工具。
</Info>

<Info>
  创建一个使用 `[AI model]` 来解释复杂主题的工具。
</Info>

<Info>
  构建一个使用 `[AI Model]` 辅助文章结构的写作助手。
</Info>

<Info>
  创建一个使用 `[AI model]` 进行实时文本分析的工具。
</Info>

<Info>
  生成博客文章，并使用 `[Markdown Renderer]` 展示它们。
</Info>

<Info>
  构建一个 wiki，使用 `[Markdown Renderer]` 展示由 \[AI model] 生成的 AI 内容。
</Info>

<div id="images-vision">
  ## 图像与视觉
</div>

利用前沿视觉 API 进行图像分析、增强和生成。Lovable 支持：

* GPT-4 Vision
* Stable Diffusion
* DALL-E
* Pexels
* Exa
* 等等。

**上手示例提示词：**

<Info>
  让用户上传照片，并使用 `[AI model]` 对其进行分析。
</Info>

<Info>
  使用 AI 增强功能生成高质量的产品照片。
</Info>

<Info>
  使用 `[AI model]` 从图像中提取文本。
</Info>

<Info>
  让用户用文字描述一张图像，并使用 `[AI model]` 将其生成为图片。
</Info>

<Info>
  创建一个使用 `[AI model]` 生成徽标的工具。
</Info>

<Info>
  让用户描述一幅艺术作品，并使用 `[AI model]` 将其生成出来。
</Info>

<Info>
  基于文字描述创建 AI 生成的艺术作品。
</Info>

<Info>
  使用 `Pexels` 查找包含特定物体的图库照片。
</Info>

<Info>
  用 `Pexels` 帮我找一段狗玩丢接球游戏的视频。
</Info>

<Info>
  使用 `Exa` 获取最新的 AI 研究论文。
</Info>

<Info>
  使用 `Eva` 获取最新的科技新闻文章。
</Info>

<Info>
  检测图像中的人脸和情绪。
</Info>

<Info>
  自动提升图像分辨率。
</Info>

<div id="ui-components">
  ## UI 组件
</div>

对于无障碍设计和可复用的 UI 组件，我们推荐使用：

* **21st.dev**
* **Chakra UI**
* **shadcn/ui**。

更多内容请参阅我们的 [最佳 Tailwind CSS 组件指南](https://lovable.dev/blog/best-tailwind-css-component)。

**入门示例提示词：**

<Info>
  使用 `[Chakra UI]` 组件添加一个表单。
</Info>

<Info>
  使用 `[Chakra UI]` 布局构建一个仪表盘。
</Info>

<Info>
  使用 `[shadcn/ui]` 创建一个响应式导航栏。
</Info>

<Info>
  使用 `[shadcn/ui]` 的对话框组件实现一个弹出表单。
</Info>

<Info>
  使用 `[shadcn/ui]` 开发一个设置面板。
</Info>

<Info>
  实现一个用于日程安排的日历组件。
</Info>

<Info>
  创建一个基于模态框的界面，让交互更加顺畅。
</Info>

<div id="audio-processing">
  ## 音频处理
</div>

Eleven Labs 是高质量集成方案的优质选择。

* 将语音转换为文本
* 生成自然逼真的语音
* 优化音频文件效果

**入门示例提示词：**

<Info>
  使用音频转录将上传的音频文件转换为文本。
</Info>

<Info>
  构建播客转录工具。
</Info>

<Info>
  使用文本转语音（Text-to-Speech）将内容朗读出来。
</Info>

<Info>
  开发有声书生成工具。
</Info>

<Info>
  转录并总结会议录音。
</Info>

<Info>
  实现语音控制的界面交互。
</Info>

<Info>
  生成栩栩如生的合成语音。
</Info>

<div id="maps">
  ## 地图
</div>

使用 **`Mapbox、Google Maps 和 Weather APIs`**，为你的应用增强以下能力：

* 地理定位
* 地图展示
* 商业洞察

**入门示例提示词：**

<Info>
  使用 `[Mapbox]` 在地图上显示门店位置。
</Info>

<Info>
  创建一个带有实时更新的配送追踪系统。
</Info>

<Info>
  使用 `[Google Maps]` 构建房源列表应用。
</Info>

<Info>
  使用 `[Google business data]` 查找餐厅。
</Info>

<Info>
  使用 `[Google business data]` 构建本地商家目录。
</Info>

<Info>
  使用 `[Google business data]` 创建评价聚合工具。
</Info>

<Info>
  使用 `[Google Place Autocomplete]` 添加地址自动补全功能。
</Info>

<Info>
  使用 `[Weather API]` 显示实时天气更新。
</Info>

<Info>
  实现用于优化出行的路线规划功能。
</Info>

<div id="documents">
  ## 文档
</div>

你可以：

* 以编程方式创建和下载 PDF
* 从 PDF 中提取和转换文本
* 处理扫描件
* 在多种格式之间转换文件
* 为链接、数据和业务应用生成二维码

**一些入门提示词示例：**

<Info>
  让用户填写表单，并使用 `[PDF Generation] `下载表单。
</Info>

<Info>
  使用 `[PDF Generation]` 生成 PDF 格式的发票。
</Info>

<Info>
  创建一个简历生成器，并导出为 PDF。
</Info>

<Info>
  使用 `[PDF Parser]` 从扫描文档中提取文本。
</Info>

<Info>
  使用 `[PDF Parser]` 构建文档分析工具。
</Info>

<Info>
  使用 `[PDF Parser]` 创建 PDF 搜索工具。
</Info>

<Info>
  让用户使用 `[Document Scanner]` 扫描文档。
</Info>

<Info>
  使用 `[Document Scanner]` 构建收据跟踪工具。
</Info>

<Info>
  使用 `[File Conversion]` 将 PDF 转换为图片。
</Info>

<Info>
  使用 `[File Conversion]` 构建文档转换工具。
</Info>

<Info>
  为链接和业务信息生成二维码。
</Info>

<Info>
  使用` [QR Code]` 创建带二维码的短链接工具。
</Info>

<Info>
  构建文档签名工作流。
</Info>

<Info>
  实现自动化报告生成。
</Info>

<div id="media-entertainment">
  ## 媒体与娱乐
</div>

你可以：

* 获取媒体数据
* 跟踪体育数据
* 搜索电影、电视剧、动漫和图书

**入门示例提示词：**

<Info>
  使用 `[TMDb]` 构建一个电影推荐系统。
</Info>

<Info>
  使用 `[Movies and TV Series]` 跟踪即将播出的电视节目。
</Info>

<Info>
  使用 `[Movies and TV Series / TMDb]` 构建一个观影清单应用。
</Info>

<Info>
  使用 `[TMDb]` 查找《The Dark Knight》的详细信息。
</Info>

<Info>
  构建一个动漫发现工具。
</Info>

<Info>
  创建一个漫画阅读清单。
</Info>

<Info>
  构建一个动漫推荐系统。
</Info>

<Info>
  创建一个幻想类 `[Sport]` 预测应用。
</Info>

<Info>
  创建一个幻想类 `[Sport]` 助手。
</Info>

<Info>
  构建一个比赛预测工具。
</Info>

<Info>
  使用 `[Book Search]` 构建一个图书发现应用。
</Info>

<Info>
  创建一个阅读清单管理工具。
</Info>

<Info>
  开发一个个性化图书推荐引擎。
</Info>

<div id="web-tools">
  ## Web 工具
</div>

你可以：

* 从任意网站中提取有价值的信息和见解
* 在多种语言之间无缝翻译文本
* 获取实时搜索结果
* 轻松发现全网图片资源

**入门示例提示词：**

<Info>
  使用 `[Web Scraper]` 抓取 `[Google Search]` 的排名靠前搜索结果。
</Info>

<Info>
  使用 `[Google Translate]` 动态翻译文本。
</Info>

<Info>
  使用 `[Google Translate]` 构建一款语言学习应用。
</Info>

<Info>
  使用 `[Google Search]` 搜索全网内容。
</Info>

<Info>
  使用 `[Google Search]` 构建一个热门话题分析工具。
</Info>

<Info>
  使用 `[Google Image Search]` 查找图片。
</Info>

<Info>
  使用 `[Google Image Search]` 创建一个视觉研究助手。
</Info>

<Info>
  通过从网站中提取关键数据来自动化竞品分析。
</Info>

<Info>
  开发一个用于市场调研的网页抓取工具。
</Info>

<div id="business">
  ## 业务
</div>

你可以轻松：

* 计算精确的销售税
* 进行深入的搜索词分析
* 创建交互式、动态的数据可视化
* 实时验证邮箱地址
* 检查域名信息
* 检测有害或冒犯性内容
* 集成聊天和通知功能
* 发送事务型邮件
* 借助内置自动化高效管理邮件营销活动

**示例提示词，帮你快速上手：**

<Info>
  使用 `[US Sales Tax Calculator]` 计算订单总价。
</Info>

<Info>
  搭建一个电商结账流程。
</Info>

<Info>
  创建一个定价工具。
</Info>

<Info>
  使用 `[SEO Keyword Research]` 分析 SEO 关键词。
</Info>

<Info>
  搭建一个内容规划工具。
</Info>

<Info>
  创建一个 SEO 分析工具。
</Info>

<Info>
  在 Charts 折线图中展示销售数据。
</Info>

<Info>
  创建一个分析页面。
</Info>

<Info>
  检查邮箱地址并创建邮箱验证系统。
</Info>

<Info>
  使用 `[GitHub]` 搭建一个注册表单。
</Info>

<Info>
  使用 `[Domain Inspector]` 构建域名查看工具。
</Info>

<Info>
  使用 `[OpenAI Moderation]` 构建一款安全聊天应用。
</Info>

<Info>
  通过 `[Line]` 发送订单确认消息。
</Info>

<Info>
  使用 `[Line]` 创建广播系统。
</Info>

<Info>
  使用 `[Resend]` 发送订单确认邮件。
</Info>

<Info>
  使用 `[Resend]` 创建一个新闻通讯系统。
</Info>

<Info>
  使用 `[NeverBounce]` 验证邮箱地址。
</Info>

<Info>
  使用 `[NeverBounce]` 时，检查这些邮箱是否有效并保存结果。
</Info>

<Info>
  开发一个自动化销售预测工具。
</Info>

<Info>
  实现 AI 驱动的潜在客户评分系统。
</Info>
