studio-b3

studio-b3

Opensource AI editor, All you need is editor! Studio B3 is a sophisticated editor designed for content creation, catering to various formats such as blogs, articles, user stories, and more.

Stars: 53

Visit
 screenshot

Studio B3 (B-3 Bomber) is a sophisticated editor designed for content creation, catering to various formats such as blogs, articles, user stories, and more. It provides an immersive content generation experience with local AI capabilities for intelligent search and recommendation functions. Users can define custom actions and variables for flexible content generation. The editor includes interactive tools like Bubble Menu, Slash Command, and Quick Insert for enhanced user experience in editing, searching, and navigation. The design principles focus on intelligent embedding of AI, local optimization for efficient writing experience, and context flexibility for better control over AI-generated content.

README:

logo

Studio B3

Deploy npm GitHub release (with filter)

Chinese version: 中文版

Studio B3 (B-3 Bomber) is a sophisticated editor designed for content creation, catering to various formats such as blogs, articles, user stories, and more.

Mission: Our primary goal is to create an editor similar to AutoDev. Additionally, we aim to share insights from the article titled Why Chatbots Are Not the Future. Our vision includes delivering a writing experience akin to Copilot for Docs in documentation.

About name: In the documentary "10 Years with Hayao Miyazaki" the esteemed artist (宫崎骏, 宮﨑駿/みやざきはやお) chooses a 3B pencil, deeming conventional ones too inflexible for his creative process. Let us pay homage to his lofty ideals.

architecture diagram

Roadmap: see Roadmap

Online Demo: https://editor.unitmesh.cc/

Demo Videos: 开源 AI 原生编辑器 Studio B3

Features

  • Immersive generation. Provides an immersive content generation experience, supporting various formats to allow users to create content comprehensively.
  • Local AI capability. Integration of local AI capabilities, such as semantic search, to enhance the editor's intelligent search and recommendation functions.
  • Custom action. Allowing users to define variables and other elements for more flexible and tailored content generation.
  • Full lifecycle AI. Including interactive tools like the Bubble Menu, Slash Command, Quick Insert, to enhance user experience in editing, searching, and navigation.

Design Principle

  • Intelligent Embedding: Integrate artificial intelligence deeply with the user interface, ensuring that AI models are cleverly introduced at various positions in the editor to achieve a more intuitive and intelligent user interaction experience.
  • Local Optimization: Pursue an efficient and smooth writing experience by introducing local inference models, which operate within the user's local environment. This includes localized enhancements such as semantic search, local syntax checking, text prediction, etc.
  • Context Flexibility: Introduce a context API, providing users with custom prompts and predefined contexts, allowing for more flexible shaping of the editing environment. Through flexible context management, users gain better control over AI-generated content.
  • Composition: Multiple extensions attaching to a given extension point must have their effects combined in a predictable way.
  • Precedence: In cases where combining effects is order-sensitive, it must be easy to reason about and control the order of the extensions.
  • Grouping: Many extensions will need to attach to a number of extension points, or even pull in other extensions that they depend on.
  • Change: The effect produced by extensions may depend on other aspects of the system state, or be explicitly reconfigured.

Usage

Custom Menu examples

const BubbleMenu: PromptAction[] = [
	{
		name: 'Polish',
		i18Name: true,
		template: `You are an assistant helping to polish sentence. Output in markdown format. \n ###${DefinedVariable.SELECTION}###`,
		facetType: FacetType.BUBBLE_MENU,
		outputForm: OutputForm.STREAMING,
	},
	{
		name: 'Similar Chunk',
		i18Name: true,
		template: `You are an assistant helping to find similar content. Output in markdown format. \n ###${DefinedVariable.SELECTION}###`,
		facetType: FacetType.BUBBLE_MENU,
		outputForm: OutputForm.STREAMING,
	},
	{
		name: 'Simplify Content',
		i18Name: true,
		template: `You are an assistant helping to simplify content. Output in markdown format. \n ###${DefinedVariable.SELECTION}###`,
		facetType: FacetType.BUBBLE_MENU,
		outputForm: OutputForm.STREAMING,
		changeForm: ChangeForm.DIFF,
	},
];

Refs

Tiptap Editor extensions

App:

Editor:

Similar project:

License

TrackChange based on: TrackChangeExtension

This code is distributed under the MIT license. See LICENSE in this directory.

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for studio-b3

Similar Open Source Tools

For similar tasks

For similar jobs