Proteus:AI 原生的多模态创作编辑器

发布: (2026年1月2日 GMT+8 12:19)
3 min read
原文: Dev.to

Source: Dev.to

概览

我正在构建 Proteus,一个开源的多模态编辑器(想象一下 Figma 与 Notion 的结合),从第一天起就是 AI 原生的。AI 编写大部分代码,而我专注于架构、技术决策和质量控制。

为什么这很重要

到 2025 年,像 Cursor 和 Claude 这样的工具在约 80 % 的场景中都能生成足够好的代码。问题从 “AI 能写代码吗?” 转变为 “当 AI 能写代码时,什么才是有价值的?” 我认为有价值的技能是系统设计、技术决策以及端到端的所有权——而不仅仅是了解 API。

Proteus 有何不同

从第一天起即 AI 原生

每一个架构决策都优先考虑 AI 友好性。这不是事后加上的 AI,而是从第一行代码起就为 AI 协作而设计。

完全透明

所有代码、架构决策和经验教训都是公开的。我正在通过每周的技术文章记录整个过程。

真正的编辑器,而非玩具

Phase 1 已完成并拥有可运行的演示。你可以创建形状、文本、图像,进行变换,复制/粘贴,撤销/重做——所有核心编辑器功能一应俱全。

学习资源

如果你想了解编辑器是如何工作的(场景图、渲染、交互系统)或如何为 AI 协作组织代码,这都是一个实时案例研究。

当前状态

  • ✅ Phase 1: 核心编辑(场景图、渲染、交互、工具)
  • 🚧 Phase 2: 多模态元素(视频、音频、网页嵌入)
  • 📋 Phase 3: AI 代理集成(自然语言 → 编辑器操作)
  • 📋 Phase 4: 实时协作

试用

  • Live demo:

代码

  • GitHub repository:

文章

  • Tech blog: 4 篇文章,涵盖架构、渲染和交互设计

实验

当你不再审查 AI 生成的代码,而是完全专注于架构、问题诊断以及通过测试和上下文构建来引导 AI 时会发生什么?这就是我在 Proteus 中探索的实验。

欢迎社区反馈——尤其是那些构建复杂前端应用或思考 AI 原生开发工作流的朋友们。

Back to Blog

相关文章

阅读更多 »

你需要理解 AI 生成的代码吗?

第3部分,共4部分:Agentforce Vibes 系列 辩论始于我关注的一个 Salesforce 开发者的 Slack 频道。有人请求 Agentforce Vibes 构建一个 tr...