Open Canvas: lienzo colaborativo de edición de código, versión de código abierto de OpenAI Canvas/Claude Artifacts

Introducción general

LangChain presenta Open Canvas, una aplicación web de código abierto diseñada para mejorar la experiencia de edición y colaboración de documentos con funcionalidad de memoria dual-agente incorporada y smith integrado para observar todos los detalles de la ejecución. La plataforma está inspirada en "Canvas" de OpenAI, pero mejorada en varios aspectos. Los usuarios pueden empezar con un documento existente y crear e iterar fácilmente sobre el contenido utilizando las múltiples herramientas de edición y memorias que ofrece la plataforma.

Lista de funciones

• código abiertoTodo el código del front-end, el agente de generación de contenidos y el agente de reflexión es de código abierto y está bajo licencia MIT.
• Función de memoria integradaLa plataforma incluye un agente reflexivo capaz de guardar las reglas de estilo y las ideas del usuario en un almacén de memoria compartida.
• Soporte multilingüe: Los usuarios pueden elegir el lenguaje de programación con el que están familiarizados para la edición.
• Documentación existente para empezarPermite a los usuarios empezar desde un editor de texto o código existente en lugar de hacerlo desde cero.
• Uso gratuitoLos usuarios pueden utilizar gratuitamente la versión desplegada o clonar el repositorio para desplegarla ellos mismos.

Utilizar la ayuda

Proceso de instalación

1. almacén de clonesEn primer lugar, clone el repositorio Open Canvas y vaya al directorio.

   git clone https://github.com/langchain-ai/open-canvas.git
   cd open-canvas
   

2. Instalación de dependenciasInstala todas las dependencias usando Yarn.

   yarn install
   

3. Configuración de variables de entorno: Reproducción .env.example El contenido del archivo va a .env y establezca los valores deseados.

   LANGCHAIN_TRACING_V2=true
   LANGCHAIN_API_KEY=your_api_key
   ANTHROPIC_API_KEY=your_api_key
   OPENAI_API_KEY=your_api_key
   KV_REST_API_URL=your_api_url
   KV_REST_API_TOKEN=your_api_token
   LANGGRAPH_API_URL=your_api_url
   

4. Iniciar el servidor de desarrolloEjecute el siguiente comando para iniciar el servidor de desarrollo.

   yarn dev
   

   A continuación, ábrala en su navegador localhost:3000 Interactúa.

Normas de uso

1. Crear un nuevo documentoHaga clic en el botón "Nuevo documento" de la página de inicio y seleccione el editor de texto o de código.
2. editar un documento: Utilice la barra de herramientas del editor para dar formato al texto, insertar bloques de código, etc.
3. Conservación y memoriaLa plataforma guarda automáticamente durante el proceso de edición las reglas de estilo y las ideas del usuario, lo que facilita la continuación de la edición la próxima vez.
4. función de colaboraciónInvita a otros usuarios a coeditar documentos y ver los cambios y comentarios en tiempo real.
5. Exportar documentos: Tras la edición, el documento puede exportarse a diversos formatos, como PDF, Markdown, etc.