Open Canvas: tela colaborativa de edição de código, versão de código aberto do OpenAI Canvas/Claude Artifacts

Introdução geral

A LangChain apresenta o Open Canvas, um aplicativo da Web de código aberto projetado para aprimorar a experiência de edição e colaboração de documentos com funcionalidade de memória de agente duplo incorporada e smith integrado para observar todos os detalhes da execução. A plataforma é inspirada no "Canvas" da OpenAI, mas foi aprimorada de várias maneiras. Os usuários podem começar com um documento existente e criar e iterar facilmente o conteúdo usando as várias ferramentas de edição e memórias fornecidas pela plataforma.

Lista de funções

• código abertoCódigo de código aberto: Todo o código do front-end, do agente de geração de conteúdo e do agente de reflexão é de código aberto e está sob a licença MIT.
• Função de memória incorporadaAgente reflexivo: A plataforma vem com um agente reflexivo capaz de salvar as regras de estilo e os insights do usuário em um armazenamento de memória compartilhada.
• Suporte a vários idiomasOs usuários podem escolher a linguagem de programação com a qual estão familiarizados para a edição.
• Documentação existente para começarPermite que os usuários iniciem a partir de um editor de texto ou código existente, em vez de começar do zero.
• Uso gratuitoOs usuários podem usar a versão implantada gratuitamente ou clonar o repositório para implantá-la por conta própria.

Usando a Ajuda

Processo de instalação

1. armazém de clones: Primeiro, clone o repositório do Open Canvas e vá para o diretório.

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

2. Instalação de dependênciasInstalação de todas as dependências usando o Yarn.

   yarn install
   

3. Configuração de variáveis de ambiente: Reprodução .env.example O conteúdo do arquivo vai para .env e defina os valores desejados.

   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. Iniciando o servidor de desenvolvimentoExecute o seguinte comando para iniciar o servidor de desenvolvimento.

   yarn dev
   

   Em seguida, abra-o em seu navegador localhost:3000 Interagir.

Diretrizes para uso

1. Criação de um novo documentoClique no botão "New Document" (Novo documento) na página inicial e selecione o editor de texto ou de código.
2. editar um documentoUse a barra de ferramentas do editor para formatação de texto, inserção de blocos de código, etc.
3. Preservação e memóriaDurante o processo de edição, a plataforma salva automaticamente as regras de estilo e os insights do usuário, facilitando a continuação da edição na próxima vez.
4. função de colaboraçãoConvide outros usuários para coeditar documentos e visualizar alterações e comentários em tempo real.
5. Exportação de documentosApós a edição, o documento pode ser exportado para uma variedade de formatos, como PDF, Markdown e outros.