Open Canvas快速上手指南：5分钟开启AI辅助创作之旅

📃 Open Canvas 是一款革命性的开源AI辅助创作工具，专为提升写作、编程和内容创作效率而设计。通过智能记忆系统和反射代理，它能够为用户提供个性化的创作体验。本文将为您提供完整的快速入门指南，帮助您在5分钟内掌握这个强大的AI创作平台。

🚀 什么是Open Canvas？

Open Canvas 是一个基于LangGraph构建的开源Web应用程序，旨在通过与AI代理协作来更好地编写文档、代码和各种内容。它结合了现代化的UI设计和先进的AI技术，为用户带来前所未有的创作体验。

⚡ 核心功能亮点

智能记忆系统

Open Canvas内置的记忆系统能够自动生成反思和记忆，这些信息会在后续的聊天交互中被包含，从而提供更个性化的体验。

自定义快捷操作

您可以定义自己的提示词，这些提示词与您的用户关联，并在会话间持续存在。通过单次点击即可轻松调用，并应用于当前正在查看的工件。

多样化创作支持

• 代码、Markdown或两者兼有：工件视图允许查看和编辑代码和Markdown
• 实时Markdown渲染与编辑：在编辑时查看渲染的Markdown，无需来回切换

🛠️ 本地环境搭建

前置要求

包管理器：

• Yarn

API密钥：

• OpenAI API密钥
• Anthropic API密钥
• (可选) Google GenAI API密钥
• (可选) Fireworks AI API密钥

安装步骤

1. 克隆仓库：

git clone https://gitcode.com/gh_mirrors/ope/open-canvas.git
cd open-canvas

2. 安装依赖：

yarn install

3. 环境配置： 复制根目录和apps/web目录中的.env.example文件内容到.env文件，并设置所需的值。

🔧 认证配置

Supabase设置

创建Supabase账户后，在项目设置中获取Project URL和anon public项目API密钥，将它们粘贴到apps/web/.env文件中的相应环境变量。

LangGraph服务器

在apps/agents目录中运行yarn dev启动LangGraph服务器。

🎯 开始使用

启动前端

在apps/web目录中运行：

yarn dev

访问 http://localhost:3000 即可开始您的AI辅助创作之旅！

💡 实用技巧

快速开始创作

您可以从空白文本开始，或选择您喜欢的语言的代码编辑器，允许您使用现有内容开始会话。

个性化体验

Open Canvas的记忆功能会跨会话记住关于您的事实，让每次创作都更加贴心。

🔍 故障排除

常见问题：

• LangGraph服务器运行成功但无文本生成：清除oc_thread_id_v2cookie并刷新页面
• 客户端请求时出现500网络错误：确保LangGraph服务器正在运行，并请求正确的端口

🌟 未来展望

Open Canvas团队正在规划更多令人兴奋的功能，包括：

• React代码实时渲染
• 多助手支持
• 自定义工具集成

现在就开始您的Open Canvas之旅，体验AI辅助创作的无限可能！🎉