Frontend Development 29 min read

OpenSumi 3.0: AI-Native IDE Framework for Frontend Development

OpenSumi 3.0 is an open‑source, AI‑native IDE framework that extends VS Code compatibility with extensive AI features—inline code completion, chat, refactoring, naming, terminal assistance, and conflict resolution—while preserving low switching cost, high customizability, modern UI, and performance upgrades for web and Electron development.

Ant R&D Efficiency
Ant R&D Efficiency
Ant R&D Efficiency
OpenSumi 3.0: AI-Native IDE Framework for Frontend Development

OpenSumi 3.0 is an open-source, high-performance, and highly customizable IDE development framework that provides developers with a set of tools and components to build both web and Electron-based integrated development environments. Unlike traditional IDE products like VS Code and IntelliJ IDEA, OpenSumi positions itself as an extensible IDE framework focused on reducing customization difficulty, enabling developers to easily combine functionality modules to meet specific business requirements.

The main milestones include:

2019: Initiated by Alibaba and Ant Group, starting closed development

2020: Released v1.0 with plugin mechanism and VS Code plugin compatibility

2021: Released v2.0 with React-based side panel plugin mechanism

2022: Officially open-sourced in March, applied in multiple products like Alipay Mini IDE, Alipay Mini Cloud Codespaces, DingTalk Developer Tools, etc.

2023: Released CodeBlitz (https://github.com/opensumi/codeblitz), a pure frontend solution supporting code reading, running, and submission

Today, OpenSumi 3.0 brings a new version focused on AI-native IDE framework for the big model era.

2023 was the year of AIGC-led technology revolution, with large language models achieving unprecedented breakthroughs. This spurred numerous AI-driven applications, especially in the development field. Tools like GitHub Copilot, Amazon's CodeWhisperer, Sourcegraph's Cody, and Alibaba's CodeFuse demonstrate the growing adoption of AI-assisted coding.

GitHub Copilot's success stems from GPT-4's powerful model capabilities and its innovative interaction design tailored for VS Code. Features like Inline Chat allow developers to interact with models directly in the editor, with generated code displayed as diffs for easy acceptance or rejection.

However, current plugin APIs limit non-GitHub Copilot plugins to right-click menus, creating a fragmented experience. OpenSumi addresses this by providing a highly customizable and extensible AI-native IDE framework that integrates AI capabilities into existing development habits without disrupting workflows.

Key transformation points include:

Behavioral shift: From command-line or GUI operations to intent description and multi-round communication

User-centric approach: Integrating related tasks based on user intent

Interaction mode: Centralizing AI interaction areas while minimizing non-essential IDE functions

Low switching cost: Maintaining existing development patterns while adding AI capabilities

OpenSumi 3.0's AI direction began in July 2023, targeting transformation from traditional IDE to AI-native IDE framework. Core strategies include:

Using natural language to issue commands instead of traditional CLI/GUI

Integrating AI capabilities into high-frequency development tasks

Optimizing AI feature usage metrics (scale, usage rate, adoption rate)

Examples of implemented features:

智能编辑器 : Line-level and inline code completion via tab key

Inline Chat : Natural language interaction within the editor for code explanation, annotation, and testing

CodeAction 增强 : Automatic AI suggestions for code refactoring and testing

AI 重命名 : AI-recommended names during symbol renaming

对话面板 : Integrated AI chat with developer commands and Git integration

IDE Agent : Natural language control of IDE functions

问题诊断 : Automated error capture and resolution

智能终端 : AI-enhanced terminal operations

智能解决冲突 : AI-assisted conflict resolution

OpenSumi Design : Modern UI skin and component design

CodeBlitz 升级 : AI capabilities in pure frontend solution

OpenSumi RPC : High-performance binary communication protocol

基础依赖升级 : Enhanced Monaco, React, Mobx, Webpack

自带 WebAssembly 运行时 : OpenSumi.run with WebC runtime

插件进程支持 : WebContainer-based plugin execution

高性能全文搜索 : Optimized search in WebC environment

插件市场迁移 : Moved to Alipay Cloud IDE marketplace

社区 IDE SIG 组筹建 : Collaboration with OpenAnolis and OpenEuler

code completionOpenSumiAI IDEAI Native FrameworkFrontend Development
Ant R&D Efficiency
Written by

Ant R&D Efficiency

We are the Ant R&D Efficiency team, focused on fast development, experience-driven success, and practical technology.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.