@lobehub/chat 1.2.0 → 1.2.2

package/docs/usage/features/pwa.zh-CN.mdx

@@ -0,0 +1,74 @@
+---
+title: LobeChat 支持渐进式 Web 应用（PWA）- 提升用户体验
+description: 了解渐进式 Web 应用（PWA）技术如何提升网页应用至接近原生应用体验，以及如何在桌面和移动设备上提供优化的用户体验。
+tags:
+  - 渐进式 Web 应用
+  - PWA 技术
+  - 用户体验
+  - 桌面应用
+  - 移动设备
+  - 轻量级
+  - 高性能
+  - 响应式布局
+---
+
+# 渐进式 Web 应用（PWA）
+
+<Image
+  alt={'渐进式 Web 应用（PWA）'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'}
+/>
+
+我们利深知在当今多设备环境下为用户提供无缝体验的重要性。为此，我们采用了渐进式 Web 应用 [PWA](https://support.google.com/chrome/answer/9658361) 技术，这是一种能够将网页应用提升至接近原生应用体验的现代 Web 技术。通过 PWA，LobeChat 能够在桌面和移动设备上提供高度优化的用户体验，同时保持轻量级和高性能的特点。在视觉和感觉上，我们也经过精心设计，以确保它的界面与原生应用无差别，提供流畅的动画、响应式布局和适配不同设备的屏幕分辨率。
+
+若您未熟悉 PWA 的安装过程，您可以按照以下步骤将 LobeChat 添加为您的桌面应用（也适用于移动设备）：
+
+## Chrome / Edge 浏览器上运行
+
+<Callout type={'important'}>
+  macOS 下，使用 Chrome 安装的 PWA 时，必须要求 Chrome 是打开状态，否则会自动打开 Chrome 再打开 PWA
+  应用。
+</Callout>
+
+<Steps>
+
+### 在电脑上运行 Chrome 或 Edge 浏览器
+
+### 访问 LobeChat 网页
+
+### 在地址栏的右上角，单击 <kbd>安装</kbd> 图标
+
+### 根据屏幕上的指示完成 PWA 的安装
+
+</Steps>
+
+## Safari 浏览器上运行
+
+Safari PWA 需要 macOS Ventura 或更高版本。Safari 安装的 PWA 并不要求 Safari 是打开状态，可以直接打开 PWA 应用。
+
+<Steps>
+
+### 在电脑上运行 Safari 浏览器
+
+### 访问 LobeChat 网页
+
+### 在地址栏的右上角，单击 <kbd>分享</kbd> 图标
+
+### 点选 <kbd>添加到程序坞</kbd>
+
+### 根据屏幕上的指示完成 PWA 的安装
+
+</Steps>
+
+<Callout type={'tip'}>
+  默认安装的 LobeChat PWA 图标是黑色背景的，您可以在自行使用 <kbd>cmd</kbd> + <kbd>i</kbd>  粘贴如下图片替换为白色背景的。
+</Callout>
+
+<Image
+  alt={'PWA White Icon'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'}
+/>

package/docs/usage/features/text-to-image.mdx

@@ -0,0 +1,26 @@
+---
+title: Text to Image in LobeChat
+description: >-
+  Transform your ideas into images with the latest text-to-image generation
+  technology integrated into LobeChat AI Assistant. Experience a private and
+  immersive creative process.
+tags:
+  - Text to Image Generation
+  - LobeChat AI Assistant
+  - DALL-E 3
+  - MidJourney
+  - Pollinations
+---
+
+# Text to Image Generation
+
+<Image
+  alt={'Text to Image Generation'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+  }
+/>
+
+Supporting the latest text-to-image generation technology, LobeChat now enables users to directly utilize the Text to Image tool during conversations with the assistant. By harnessing the capabilities of AI tools such as [DALL-E 3](https://openai.com/dall-e-3), [MidJourney](https://www.midjourney.com/), and [Pollinations](https://pollinations.ai/), assistants can now transform your ideas into images. This allows for a more private and immersive creative process.

package/docs/usage/features/text-to-image.zh-CN.mdx

@@ -0,0 +1,26 @@
+---
+title: LobeChat 文生图：文本转图片生成技术
+description: >-
+  LobeChat 现在支持最新的文本到图片生成技术，让用户可以在与助手对话中直接调用文生图工具进行创作。利用 DALL-E 3、MidJourney 和
+  Pollinations 等 AI 工具，助手们可以将你的想法转化为图像，让创作过程更私密和沉浸式。
+tags:
+  - LobeChat
+  - 文生图
+  - DALL-E 3
+  - MidJourney
+  - Pollinations
+  - AI工具
+---
+
+# Text to Image 文生图
+
+<Image
+  alt={'Text to Image 文生图'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+  }
+/>
+
+支持最新的文本到图片生成技术，LobeChat 现在能够让用户在与助手对话中直接调用文成图工具进行创作。通过利用 [`DALL-E 3`](https://openai.com/dall-e-3)、[`MidJourney`](https://www.midjourney.com/) 和 [`Pollinations`](https://pollinations.ai/) 等 AI 工具的能力， 助手们现在可以将你的想法转化为图像。同时可以更私密和沉浸式的完成你的创造过程。

package/docs/usage/features/theme.mdx

@@ -0,0 +1,34 @@
+---
+title: LobeChat support Custom Themes
+description: >-
+  Explore LobeChat's flexible theme modes and color customization options for a
+  personalized interface design. Switch between light and dark modes, customize
+  theme colors, and choose between conversation bubble and document modes.
+tags:
+  - Custom Themes
+  - Personalized User Experiences
+  - Theme Modes
+  - Color Customization
+  - Interface Design
+  - LobeChat
+---
+
+# Custom Themes
+
+<Image
+  alt={'Custom Themes'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
+/>
+
+LobeChat places a strong emphasis on personalized user experiences in its interface design, and thus introduces flexible and diverse theme modes, including a light mode for daytime and a dark mode for nighttime.
+
+In addition to theme mode switching, we also provide a series of color customization options, allowing users to adjust the application's theme colors according to their preferences. Whether it's a stable deep blue, a lively peach pink, or a professional gray and white, users can find color choices in LobeChat that match their own style.
+
+<Callout type={'tip'}>
+  The default configuration can intelligently identify the user's system color mode and
+  automatically switch themes to ensure a consistent visual experience with the operating system.
+</Callout>
+
+For users who prefer to manually adjust details, LobeChat also provides intuitive setting options and offers a choice between conversation bubble mode and document mode for chat scenes.

package/docs/usage/features/theme.zh-CN.mdx

@@ -0,0 +1,30 @@
+---
+title: LobeChat 自定义主题 - 个性化体验
+description: 了解 LobeChat 的灵活多变主题模式，包括日间亮色模式和夜间深色模式，以及颜色定制选项，让用户根据喜好调整应用主题色彩。
+tags:
+  - LobeChat
+  - 自定义主题
+  - 主题模式
+  - 颜色定制
+  - 界面设计
+  - 个性化体验
+---
+
+# 自定义主题
+
+<Image
+  alt={'自定义主题'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
+/>
+
+LobeChat 在界面设计上十分考虑用户的个性化体验，因此引入了灵活多变的主题模式，其中包括日间的亮色模式和夜间的深色模式。
+
+除了主题模式的切换，我们还提供了一系列的颜色定制选项，允许用户根据自己的喜好来调整应用的主题色彩。无论是想要沉稳的深蓝，还是希望活泼的桃粉，或者是专业的灰白，用户都能够在 LobeChat 中找到匹配自己风格的颜色选择。
+
+<Callout type={'tip'}>
+  默认配置能够智能地识别用户系统的颜色模式，自动进行主题切换，以确保应用界面与操作系统保持一致的视觉体验。
+</Callout>
+
+对于喜欢手动调控细节的用户，LobeChat 同样提供了直观的设置选项，针对聊天场景也提供了对话气泡模式和文档模式的选择。

package/docs/usage/features/tts.mdx

@@ -0,0 +1,52 @@
+---
+title: LobeChat support Speech Synthesis and Recognition (TTS & STT)
+description: >-
+  Experience seamless Text-to-Speech (TTS) and Speech-to-Text (STT) technologies
+  in LobeChat. Choose from a variety of high-quality voices for personalized
+  communication. Learn more about Lobe TTS toolkit @lobehub/tts.
+tags:
+  - LobeChat
+  - TTS
+  - STT
+  - Voice Conversation
+  - Lobe TTS
+  - Text-to-Speech
+  - Speech-to-Text
+  - Voice Options
+---
+
+# TTS & STT Voice Conversation
+
+<Image
+  alt={'TTS & STT Voice Conversation'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
+  }
+/>
+
+LobeChat supports Text-to-Speech (TTS) and Speech-to-Text (STT) technologies. Our application can convert text information into clear voice output, allowing users to interact with our conversational agents as if they were talking to a real person. Users can choose from a variety of voices and pair the appropriate audio with the assistant. Additionally, for users who prefer auditory learning or need to obtain information while busy, TTS provides an excellent solution.
+
+In LobeChat, we have carefully selected a series of high-quality voice options (OpenAI Audio, Microsoft Edge Speech) to meet the needs of users from different regions and cultural backgrounds. Users can choose suitable voices based on personal preferences or specific scenarios, thereby obtaining a personalized communication experience.
+
+## Lobe TTS
+
+<Image
+  alt={'LobeTTS @lobehub/tts'}
+  borderless
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'}
+/>
+
+[`@lobehub/tts`](https://tts.lobehub.com) is a high-quality TTS toolkit developed using the TS language, supporting usage in both server and browser environments.
+
+- **Server**: With just 15 lines of code, it can achieve high-quality speech generation capabilities comparable to OpenAI TTS services. It currently supports EdgeSpeechTTS, MicrosoftTTS, OpenAITTS, and OpenAISTT.
+- **Browser**: It provides high-quality React Hooks and visual audio components, supporting common functions such as loading, playing, pausing, and dragging the timeline, and offering extensive audio track style adjustment capabilities.
+
+<Callout type={'info'}>
+  During the implementation of the TTS feature in LobeChat, we found that there was no good frontend
+  TTS library on the market, which resulted in a lot of effort being spent on implementation,
+  including data conversion, audio progress management, and speech visualization. Adhering to the
+  "Community First" concept, we have polished and open-sourced this implementation, hoping to help
+  community developers who want to implement TTS.
+</Callout>

package/docs/usage/features/tts.zh-CN.mdx

@@ -0,0 +1,46 @@
+---
+title: LobeChat 支持 TTS & STT 语音会话
+description: LobeChat 支持文字转语音（TTS）和语音转文字（STT）技术，提供高品质声音选项，个性化交流体验。了解更多关于 Lobe TTS 工具包。
+tags:
+  - TTS
+  - STT
+  - 语音会话
+  - LobeChat
+  - Lobe TTS
+  - 文字转语音
+  - 语音转文字
+---
+
+# TTS & STT 语音会话
+
+<Image
+  alt={'TTS & STT 语音会话'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
+  }
+/>
+
+LobeChat 支持文字转语音（Text-to-Speech，TTS）和语音转文字（Speech-to-Text，STT）技术，我们的应用能够将文本信息转化为清晰的语音输出，用户可以像与真人交谈一样与我们的对话代理进行交流。用户可以从多种声音中选择，给助手搭配合适的音源。 同时，对于那些倾向于听觉学习或者想要在忙碌中获取信息的用户来说，TTS 提供了一个极佳的解决方案。
+
+在 LobeChat 中，我们精心挑选了一系列高品质的声音选项 (OpenAI Audio, Microsoft Edge Speech)，以满足不同地域和文化背景用户的需求。用户可以根据个人喜好或者特定场景来选择合适的语音，从而获得个性化的交流体验。
+
+## Lobe TTS
+
+<Image
+  alt={'LobeTTS @lobehub/tts'}
+  borderless
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'}
+/>
+
+[`@lobehub/tts`](https://tts.lobehub.com) 是一个使用 TS 语言开发的，高质量 TTS 工具包，支持在服务端和浏览器中使用。
+
+- **服务端**：只要使用 15 行代码，即可实现对标 OpenAI TTS 服务的高质量语音生成能力。目前支持 EdgeSpeechTTS 与 MicrosoftTTS 与 OpenAITTS、OpenAISTT。
+- **浏览器**：提供了高质量的 React Hooks 与可视化音频组件，支持加载、播放、暂停、拖动时间轴等常用功能，且提供了非常丰富的音轨样式调整能力。
+
+<Callout type={'info'}>
+  我们在实现 LobeChat 的 TTS 功能过程中，发现市面上并没有一款很好的 TTS
+  前端库，导致在实现上耗费了很多精力，包括数据转换、音频进度管理、语音可视化等。秉承「 Community
+  First 」 的理念，我们把这套实现打磨并开源了出来，希望能帮助到想要实现 TTS 的社区开发者们。
+</Callout>

package/docs/usage/features/vision.mdx

@@ -0,0 +1,28 @@
+---
+title: LobeChat support Vision Recognition
+description: >-
+  Discover how LobeChat integrates visual recognition capabilities like OpenAI's
+  gpt-4-vision and Google Gemini Pro vision for intelligent conversations based
+  on uploaded images.
+tags:
+  - LobeChat
+  - Model Vision Recognition
+  - Multimodal Interaction
+  - Visual Elements
+  - Intelligent Conversations
+---
+
+# Model Vision Recognition
+
+<Image
+  alt={'Model Vision Recognition'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
+  }
+/>
+
+LobeChat now supports large language models with visual recognition capabilities such as OpenAI's [`gpt-4-vision`](https://platform.openai.com/docs/guides/vision), Google Gemini Pro vision, and Zhipu GLM-4 Vision, enabling LobeChat to have multimodal interaction capabilities. Users can easily upload or drag and drop images into the chat box, and the assistant will be able to recognize the content of the images and engage in intelligent conversations based on them, creating more intelligent and diverse chat scenarios.
+
+This feature opens up new ways of interaction, allowing communication to extend beyond text and encompass rich visual elements. Whether it's sharing images in daily use or interpreting images in specific industries, the assistant can provide an excellent conversational experience.

package/docs/usage/features/vision.zh-CN.mdx

@@ -0,0 +1,25 @@
+---
+title: LobeChat 支持多模态交互：视觉识别助力智能对话
+description: LobeChat 支持多种具有视觉识别能力的大语言模型，用户可上传或拖拽图片，助手将识别内容并展开智能对话，打造更智能、多元化的聊天场景。
+tags:
+  - LobeChat
+  - 多模态交互
+  - 视觉识别
+  - 智能对话
+  - 大语言模型
+---
+
+# 模型视觉识别
+
+<Image
+  alt={'模型视觉识别'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
+  }
+/>
+
+LobeChat 已经支持 OpenAI 的 [`gpt-4-vision`](https://platform.openai.com/docs/guides/vision) 、Google Gemini Pro vision、智谱 GLM-4 Vision 等具有视觉识别能力的大语言模型，这使得 LobeChat 具备了多模态交互的能力。用户可以轻松上传图片或者拖拽图片到对话框中，助手将能够识别图片内容，并在此基础上进行智能对话，构建更智能、更多元化的聊天场景。
+
+这一特性打开了新的互动方式，使得交流不再局限于文字，而是可以涵盖丰富的视觉元素。无论是日常使用中的图片分享，还是在特定行业内的图像解读，助手都能提供出色的对话体验。

package/docs/usage/plugins/basic-usage.mdx

@@ -0,0 +1,69 @@
+---
+title: Enhance Your LobeChat Assistant with Plugins
+description: >-
+  Learn how to expand your LobeChat assistant's capabilities by enabling and
+  using various plugins. Access the Plugin Store, install plugins, and configure
+  them to enhance your assistant's functionality.
+tags:
+  - LobeChat plugins
+  - Plugin Store
+  - Using Plugins
+  - Plugin Configuration
+---
+
+# Plugin Usage
+
+The plugin system is a key element in expanding the capabilities of assistants in LobeChat. You can enhance the assistant's abilities by enabling a variety of plugins.
+
+Watch the following video to quickly get started with using LobeChat plugins:
+
+<Video
+  height={840}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e"
+/>
+
+## Plugin Store
+
+You can access the Plugin Store by navigating to "Extension Tools" -> "Plugin Store" in the session toolbar.
+
+<Image
+  alt="Plugin Store S1"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6"
+/>
+
+The Plugin Store allows you to directly install and use plugins within LobeChat.
+
+<Image
+  alt="Plugin Store S2"
+  height={612}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea"
+/>
+
+## Using Plugins
+
+After installing a plugin, simply enable it under the current assistant to use it.
+
+<Image
+  alt="Using Plugins"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/76ab1ae7-a4f9-4285-8ebd-45b90251aba1"
+/>
+
+## Plugin Configuration
+
+Some plugins may require specific configurations, such as API keys.
+
+After installing a plugin, you can click on "Settings" to enter the plugin's settings and fill in the required configurations:
+
+<Image
+  alt="Plugin Configuration S1"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/10eb3023-4528-4b06-8092-062e7b3865cc"
+/>
+
+<Image
+  alt="Plugin Configuration S2"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab2e4c25-4b11-431b-9266-442d8b14cb41"
+/>

package/docs/usage/plugins/basic-usage.zh-CN.mdx

@@ -0,0 +1,67 @@
+---
+title: LobeChat 插件使用指南
+description: 了解如何在 LobeChat 中使用插件来增强助手功能，包括插件商店浏览、安装、配置等操作。
+tags:
+  - LobeChat
+  - 插件
+  - 助手功能
+  - 插件商店
+  - 插件配置
+---
+
+# 插件使用
+
+插件体系是 LobeChat 中扩展助理的能力的关键要素，你可以通过为助手启用各式各样的插件来增强助手的各项能力。
+
+查看以下视频，快速上手使用 LobeChat 插件：
+
+<Video
+  height={840}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e"
+/>
+
+## 插件商店
+
+你可以在会话工具条中的 「扩展工具」 -> 「插件商店」，进入插件商店。
+
+<Image
+  alt="插件商店 S1"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6"
+/>
+
+插件商店中会在 LobeChat 中可以直接安装并使用的插件。
+
+<Image
+  alt="插件商店 S2"
+  height={612}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea"
+/>
+
+## 使用插件
+
+安装完毕插件后，只需在当前助手下开启插件即可使用。
+
+<Image
+  alt="使用插件"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/76ab1ae7-a4f9-4285-8ebd-45b90251aba1"
+/>
+
+## 插件配置
+
+部分插件可能需要你进行相应的配置，例如 API Key 等。
+
+你可以在安装插件后，点击设置进入插件的设置填写配置：
+
+<Image
+  alt="插件配置 S1"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/10eb3023-4528-4b06-8092-062e7b3865cc"
+/>
+
+<Image
+  alt="插件配置 S2"
+  height={472}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab2e4c25-4b11-431b-9266-442d8b14cb41"
+/>

package/docs/usage/plugins/custom-plugin.mdx

@@ -0,0 +1,37 @@
+---
+title: Custom LobeChat Plugins Installation and Development Guide
+description: >-
+  Learn how to install custom plugins in LobeChat and develop your own plugins
+  to enhance your AI assistant's capabilities.
+tags:
+  - Custom Plugins
+  - LobeChat
+  - Plugin Installation
+  - Plugin Development
+  - ChatGPT Plugins
+---
+
+# Custom Plugins
+
+## Installing Custom Plugins
+
+If you wish to install a plugin that is not available in the LobeChat plugin store, such as a custom-developed LobeChat plugin, you can click on "Custom Plugins" to install it:
+
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd" />
+
+In addition, LobeChat's plugin mechanism is compatible with ChatGPT plugins, so you can easily install corresponding ChatGPT plugins.
+
+If you want to try installing custom plugins on your own, you can use the following links to try:
+
+- `Custom Lobe Plugin` Mock Credit Card: [https://lobe-plugin-mock-credit-card.vercel.app/manifest.json](https://lobe-plugin-mock-credit-card.vercel.app/manifest.json)
+- `ChatGPT Plugin` Access Links: [https://www.accesslinks.ai/.well-known/ai-plugin.json](https://www.accesslinks.ai/.well-known/ai-plugin.json)
+
+<Cards rows={2}>
+  <Image alt="Installing Custom Plugins S1" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/bb9cd00f-b20c-4d7b-9c60-b921d350e319" />
+
+  <Image alt="Installing Custom Plugins S2" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/bdeb678e-6502-4667-86b1-504221ee7ded" />
+</Cards>
+
+## Developing Custom Plugins
+
+If you wish to develop a LobeChat plugin on your own, feel free to refer to the [Plugin Development Guide](/docs/usage/plugins/development) to expand the possibilities of your AI assistant!

package/docs/usage/plugins/custom-plugin.zh-CN.mdx

@@ -0,0 +1,35 @@
+---
+title: 自定义插件 - LobeChat 插件安装与开发指南
+description: 学习如何安装自定义插件和开发 LobeChat 插件，扩展你的 AI 智能助手的功能。
+tags:
+  - 自定义插件
+  - LobeChat
+  - 插件安装
+  - 插件开发
+  - AI 智能助手
+---
+
+# 自定义插件
+
+## 安装自定义插件
+
+如果你希望安装一个不在 LobeChat 插件商店中的插件，例如自己开发的 LobeChat，你可以点击「自定义插件」进行安装：
+
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd" />
+
+此外，LobeChat 的插件机制兼容了 ChatGPT 的插件，因此你可以一键安装相应的 ChatGPT 插件。
+
+如果你希望尝试自行安装自定义插件，你可以使用以下链接来尝试：
+
+- `自定义 Lobe 插件` Mock Credit Card：[https://lobe-plugin-mock-credit-card.vercel.app/manifest.json](https://lobe-plugin-mock-credit-card.vercel.app/manifest.json)
+- `ChatGPT 插件` Access Links：[https://www.accesslinks.ai/.well-known/ai-plugin.json](https://www.accesslinks.ai/.well-known/ai-plugin.json)
+
+<Cards rows={2}>
+  <Image alt="安装自定义插件 S1" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/bb9cd00f-b20c-4d7b-9c60-b921d350e319" />
+
+  <Image alt="安装自定义插件 S2" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/bdeb678e-6502-4667-86b1-504221ee7ded" />
+</Cards>
+
+## 开发自定义插件
+
+如果你希望自行开发一个 LobeChat 的插件，欢迎查阅 [插件开发指南](/docs/usage/plugins/development) 以扩展你的 AI 智能助手的可能性边界！