Dify-WebUI: Desktop Intelligent Conversation Client based on Dify API, providing enterprise-grade AI conversation capabilities

General Introduction

Dify-WebUI is a web interface based on the Dify Dify-WebUI is a modern desktop intelligent conversation application with APIs, designed to provide enterprises with powerful AI conversation capabilities. The application supports a variety of preset theme colors to meet the personalized needs of enterprises, and has a knowledge base management function that supports document import and semantic retrieval.Dify-WebUI achieves contextual understanding and application scheduling by interfacing with the Dify API, and supports complete Markdown syntax display and code highlighting in multiple programming languages. Dify-WebUI supports full Markdown syntax display and code highlighting in multiple programming languages. Its responsive design makes it perfectly adapted to all kinds of desktop devices, and its configuration is flexible, supporting the Dify API Key and application parameters and other configurations.

Function List

• Custom theme: support a variety of preset theme colors to meet the personalized needs of enterprises
• Knowledge Base Management: Based on Dify's knowledge base capabilities, supports document import and semantic retrieval.
• Intelligent Dialog: interfaces with Dify API to support contextual understanding and application orchestration
• Markdown Support: Supports full Markdown syntax presentation.
• Code highlighting: support code display in multiple programming languages
• Responsive design: perfectly adapted to all kinds of desktop devices
• Flexible configuration: support Dify API Key, application parameters and other configuration

Using Help

Installation process

1. Cloning Project:

   git clone https://github.com/machaojin1917939763/Dify-WebUI.git
cd Dify-WebUI

2. Install the dependencies:

   npm install

3. Launch the application:

   npm start

Download WIN/MAC Client

Function Operation Guide

Customized Themes

1. Select the "Theme" option in the application settings.
2. Choose a suitable theme from the preset theme colors, or customize the colors.
3. Save the settings and the app will automatically update the theme.

Knowledge base management

1. Go to the Knowledge Base module.
2. Click the "Import Documents" button and select the documents you want to import.
3. Once a document is imported, it can be semantically searched through the search box to quickly find relevant content.

intelligent dialog

1. Create a new dialog:
   • Click the "New Dialog" button and enter a name for the dialog.
   • Select the type of conversation (e.g., customer service, technical support, etc.).
2. Have a conversation:
   • Enter a question in the dialog window and the system will understand and provide an answer based on the context.
   • You can use shortcut commands to improve the efficiency of your conversations.

Markdown Support

1. You can enter Markdown syntax directly in a dialog or in document editing.
2. The system will automatically render Markdown content, supporting formats such as headings, lists, code blocks, and so on.

Code Highlighting

1. Enter blocks of code in a document or dialog, wrapping the code in triple quotes (```).
2. The system will automatically highlight the code according to its language.

Configuration flexibility

1. In Application Settings, enter the Dify API Key and related parameters.
2. Adjust application parameters such as dialog timeout time, maximum number of dialog rounds, etc. as required.

Quick Start

1. Clone the project and install the dependencies:

   git clone https://github.com/machaojin1917939763/Dify-WebUI.git
cd Dify-WebUI
npm install

2. Launch the application:

   npm start

3. Create an application on the Dify platform and configure the API Key and related parameters.
4. Select the interface theme to get started.
5. Create new conversations to interact and use shortcut commands to improve efficiency.