A
Anonymous

Styled Paper - Copy this React, Mui Component to your project

Create an AI chatbot management platform with ratio of your decision and the 2 left can be collapsed . The leftmost column serves as a chatbot creation editor where users can customize parameters such as: • Chatbot's avatar (via color selection or image upload) • System prompt • Instructions to assistant • Functions • Step by step instructions • Chains of thought • What not to do • Few shot samples Each parameter has edit and delete buttons. Below these options is a save button and a quick setting prompt field (which allows users to bypass the above settings and directly input an instructional prompt for the OpenAI API platform). Clicking the save button sends a call to the OpenAI API, creating a new assistant with the specified instructions. This assistant is then displayed as a circular object on a shelf above. The middle column is for creating conversational threads, organized by each chatbot. The rightmost column features a dialogue flow chat UI with photo and file attachment capabilities.

Prompt
Component Preview

About

StyledPaper - Create chatbots with customizable avatars, prompts, and functions. Built with React and MUI. Save and manage threads eas. Download free code!

Share

Last updated 1 month ago