OpenAI

CopilotKit: Build In-App AI Chatbots and Textareas

Hazem Abbas

Dec 14, 2023 — 3 min read

Photo by Abdullah Raafat / Unsplash

What is CopilotKit?

CopilotKit is an open-source free app that allows you to build in-app AI chatbots and AI-powered Textareas that serve as a bridge between your copilot and your app.

It supports 3rd party integrations, is fully customizable, and can interact with your app frontend, backend, and 3rd party services. It offers autocompletion, AI editing, and the ability to generate content from scratch, all indexed on your users' content.

CopilotTextarea

AI-assisted text generation. Drop-in replacement for any <textarea />.
Autocompletions + AI editing + generate from scratch. Indexed on your users' content.

Features

Context-aware autocompletions provide suggestions that are tailored to the specific context in which they are being used, making it easier to generate accurate and relevant content.
AI editing features allow for advanced editing capabilities, leveraging artificial intelligence to assist with tasks such as grammar and style improvements.
The option to generate content from scratch is available, enabling users to start with a blank slate and create original content.
App context and 3rd party context can be utilized through the use of functions like useMakeCopilotReadable and useMakeCopilotDocumentReadable, allowing for a more comprehensive understanding of the desired output.
Prompt engineering can be fully customized, empowering users to fine-tune and optimize the prompts used by the system for generating content.
Arbitrary LLM chains can be implemented, providing flexibility in the language models used and allowing for a wider range of outputs.
The backend state can be indexed, improving efficiency and performance when generating content based on previous inputs and data.

CopilotTextarea: AI-assisted text generation + editing.

✅ A a drop-in <textarea /> replacement. Supports all <textarea /> customizations.
✅ Context-aware autocompletions ✨ (like in GitHub Copilot)
✅ AI editing ✨ - "list the client's top 3 pain points from the last call using @SalesforceData"
🟩 Generate from scratch ✨ - automatically populate the initial content based on given context
✅ App context & 3rd party context with useMakeCopilotReadable and useMakeCopilotDocumentReadable
✅ Fully customizable prompt engineering
🟩 Arbitrary LLM chains.
🟩 Bold + italics.

Copilot Chatbot: (frontend + backend) runtimes for in-app copilots.

✅ Index on frontend app state (via useMakeCopilotReadable and useMakeCopilotDocumentReadable)
🟩 Index on backend state
✅ frontend function calling runtime (in-app actions) (via useMakeCopilotActionable)
🟩 backend function calling runtime (auth enabled)
🟩 Autorun vs. "sensitive" functions (require user approval before execution).
✅ Cursor-style @document-referecing.
✅ Bring your own model
🟩 3rd party plugins
🟩 execute arbitrary LLM chains
🟩 OpenAI assistants api
✅ Fully customize UI