Skip to main content

提示与集成

利用强大的内置集成提升您的应用

Lovable 提供丰富的内置集成,帮助您的应用实现高级功能。无论您需要 AI 驱动的处理、文档自动化,还是 UI 增强,Lovable 都能全面满足您的需求。

要使用这些集成,您需要配置自己的 API 密钥。

AI 与大型语言模型

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

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

入门示例提示:

 

使用 [AI model] 构建一个语法增强型写作助手。

 

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

 

使用 [AI model] 开发一个 AI 驱动的研究助手。

 

构建一个使用 [AI model] 进行文本分析的应用。

 

创建一个使用 [AI model] 进行内容生成工具。

 

构建一个使用 [AI model] 分析长文档的应用。

 

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

 

使用 [AI model] 制作一个研究助手。

 

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

 

构建一个使用 [AI model] 提供快速响应的聊天机器人。

 

制作一个使用 [AI model] 进行文本处理的应用。

 

构建一个使用 [AI model] 进行内容分析的应用。

 

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

 

使用 [AI model] 制作一个研究助手。

 

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

 

使用 [AI Model] 制作一个针对论文结构的写作助手。

 

制作一个使用 [AI model] 进行实时文本分析的工具。

 

使用 [Markdown Renderer] 生成博客文章并显示它们。

 

构建一个使用 [Markdown Renderer] 显示由 [AI model] 生成的内容的维基。

图像与视觉

利用先进的视觉 API 进行图像分析、增强和生成。Lovable 支持:

  • GPT-4 Vision
  • Stable Diffusion
  • DALL-E
  • Pexels
  • Exa
  • 以及其他。

入门示例提示:

 

让用户上传照片并使用 [AI model] 分析它们。

 

使用 AI 增强生成高质量的产品照片。

 

使用 [AI model] 从图像中提取文本。

 

让用户描述图像,然后使用 [AI model] 创建它。

 

创建一个使用 [AI model] 进行标志生成的工具。

 

让用户描述艺术作品,然后使用 [AI model] 生成它。

 

基于描述创建 AI 生成的艺术作品。

 

使用 Pexels 查找特定物体的库存照片。

 

使用 Pexels 查找一段狗在玩接球的视频。

 

使用 Exa 检索最新的 AI 研究论文。

 

使用 Eva 获取最新的科技新闻文章。

 

检测图像中的面部和情绪。

 

自动提升图像分辨率。

UI 组件

为了实现可访问的设计和可重用 UI 组件,我们推荐使用:

  • 21st.dev
  • Chakra UI
  • shadcn/ui

查看我们的 最佳 Tailwind CSS 组件指南 以获取更多信息。

入门示例提示:

 

使用 [Chakra UI] 组件添加一个表单。

 

使用 [Chakra UI] 布局构建一个仪表板。

 

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

 

使用 [shadcn/ui] 对话框组件创建一个弹出表单。

 

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

 

实现一个用于调度的日历组件。

 

创建一个基于模态的 UI,以简化交互。

音频处理

Eleven Labs 是高质量集成的首选。

  • 将语音转换为文本
  • 生成自然的声音
  • 增强音频文件

入门示例提示:

 

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

 

构建一个播客转录工具。

 

使用文本到语音朗读内容。

 

开发一个有声书创建器。

 

转录并总结会议录音。

 

实现语音控制的 UI 交互。

 

生成逼真的合成声音。

地图

使用 Mapbox、Google Maps 和天气 API,增强您的应用:

  • 地理定位
  • 地图显示
  • 商业洞察

入门示例提示:

 

使用 [Mapbox] 在地图上显示商店位置。

 

创建一个带有实时更新的送货跟踪系统。

 

使用 [Google Maps] 构建一个房产列表应用。

 

使用 [Google business data] 查找餐厅。

 

使用 [Google business data] 构建一个本地商业目录。

 

使用 [Google business data] 创建一个评论聚合器。

 

使用 [Google Place Autocomplete] 添加地址自动完成。

 

使用 [Weather API] 显示实时天气更新。

 

实现一个用于旅行优化的路线规划器。

文档

您可以:

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

入门示例提示:

 

让用户填写表单,然后使用 [PDF Generation] 下载它。

 

使用 [PDF Generation] 生成发票作为 PDF。

 

创建一个导出为 PDF 的简历构建器。

 

使用 [PDF Parser] 从扫描文档中提取文本。

 

使用 [PDF Parser] 构建一个文档分析器。

 

使用 [PDF Parser] 创建一个 PDF 搜索工具。

 

让用户使用 [Document Scanner] 扫描文档。

 

使用 [Document Scanner] 构建一个收据跟踪器。

 

使用 [File Conversion] 将 PDF 转换为图像。

 

使用 [File Conversion] 构建一个文档转换器。

 

为链接和商业细节生成二维码。

 

使用 [QR Code] 制作一个带有二维码的 URL 缩短器。

 

构建一个文档签名工作流。

 

实现自动化报告生成。

媒体与娱乐

您可以:

  • 检索媒体数据
  • 跟踪体育统计
  • 搜索电影、电视节目、动漫和书籍

入门示例提示:

 

使用 [TMDb] 构建一个电影推荐系统。

 

使用 [Movies and TV Series] 跟踪即将上映的电视节目。

 

使用 [Movies and TV Series / TMDb] 制作一个观看列表应用。

 

使用 [TMDb] 查找“The Dark Knight”的详情。

 

构建一个动漫发现工具。

 

创建一个漫画阅读列表。

 

制作一个动漫推荐系统。

 

创建一个幻想 [Sport] 预测应用。

 

创建一个幻想 [Sport] 助手。

 

制作一个游戏预测工具。

 

使用 [Book Search] 构建一个书籍发现应用。

 

创建一个阅读列表管理器。

 

开发一个个性化的书籍推荐引擎。

网络工具

您可以:

  • 从任何网站提取有价值洞察
  • 无缝翻译文本之间的语言
  • 访问实时搜索结果
  • 轻松发现网络上的图像

入门示例提示:

 

使用 [Web Scraper][Google Search] 抓取顶级搜索结果。

 

使用 [Google Translate] 动态翻译文本。

 

使用 [Google Translate] 构建一个语言学习应用。

 

使用 [Google Search] 进行网络搜索。

 

使用 [Google Search] 构建一个热门话题分析器。

 

使用 [Google Image Search] 查找图像。

 

使用 [Google Image Search] 创建一个视觉研究助手。

 

通过从网站提取关键数据自动进行竞争对手分析。

 

开发一个用于市场研究的网络抓取工具。

商业

您可以无缝:

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

入门示例提示:

 

使用 [US Sales Tax Calculator] 计算订单总额。

 

构建一个电子商务结账系统。

 

创建一个定价工具。

 

使用 [SEO Keyword Research] 分析 SEO 关键词。

 

构建一个内容规划工具。

 

创建一个 SEO 分析器。

 

在 Charts 折线图中显示销售数据。

 

创建一个分析页面。

 

检查电子邮件地址并创建一个电子邮件验证系统。

 

使用 [GitHub] 构建一个注册表单。

 

使用 [Domain Inspector] 构建一个域名检查工具。

 

使用 [OpenAI Moderation] 构建一个安全的聊天应用。

 

通过 [Line] 发送订单确认。

 

使用 [Line] 创建一个广播系统。

 

使用 [Resend] 发送订单确认。

 

使用 [Resend] 创建一个新闻通讯系统。

 

使用 [NeverBounce] 验证电子邮件地址。

 

在使用 [NeverBounce] 时,检查这些电子邮件是否有效并保存结果。

 

开发一个自动化的销售预测工具。

 

实现 AI 驱动的潜在客户评分。