open canvas

Buka Kanvas

COBALAH DI SINI

Open Canvas adalah aplikasi web sumber terbuka untuk berkolaborasi dengan agen guna menulis dokumen dengan lebih baik. Ini terinspirasi oleh "Canvas" OpenAI, tetapi dengan beberapa perbedaan utama.

1. Open Source : Semua kode, dari frontend, hingga agen pembuat konten, hingga agen refleksi adalah sumber terbuka dan berlisensi MIT.

2. Memori bawaan : Open Canvas dikirimkan langsung dengan agen refleksi yang menyimpan aturan gaya dan wawasan pengguna di penyimpanan memori bersama. Hal ini memungkinkan Open Canvas mengingat fakta tentang Anda di seluruh sesi.

3. Mulai dari dokumen yang ada : Open Canvas memungkinkan pengguna memulai dengan teks kosong, atau editor kode dalam bahasa pilihan mereka, memungkinkan Anda memulai sesi dengan konten yang sudah ada, alih-alih dipaksa memulai dengan interaksi obrolan. Kami percaya ini adalah UX yang ideal karena sering kali Anda sudah memiliki beberapa konten untuk memulai, dan ingin mengulanginya.

Fitur

• Memori : Open Canvas memiliki sistem memori bawaan yang secara otomatis akan menghasilkan refleksi dan kenangan tentang Anda, dan riwayat obrolan Anda. Ini kemudian disertakan dalam interaksi obrolan berikutnya untuk memberikan pengalaman yang lebih personal.

• Tindakan cepat khusus : Tindakan cepat khusus memungkinkan Anda menentukan perintah Anda sendiri yang terkait dengan pengguna Anda, dan bertahan di seluruh sesi. Ini kemudian dapat dengan mudah dipanggil melalui satu klik, dan diterapkan ke artefak yang sedang Anda lihat.

• Tindakan cepat yang telah dibuat sebelumnya : Ada juga serangkaian tindakan cepat yang telah dibuat sebelumnya untuk tugas penulisan dan pengkodean umum yang selalu tersedia.

• Pembuatan versi artefak : Semua artefak memiliki "versi" yang terikat padanya, memungkinkan Anda melakukan perjalanan kembali ke masa lalu dan melihat versi artefak Anda sebelumnya.

• Kode, Penurunan Harga, atau keduanya : Tampilan artefak memungkinkan untuk melihat dan mengedit kode dan penurunan harga. Anda bahkan dapat melakukan obrolan yang menghasilkan kode, dan artefak penurunan harga, dan beralih di antara keduanya.

• Render & pengeditan penurunan harga langsung : Editor penurunan harga Open Canvas memungkinkan Anda melihat penurunan harga yang diberikan saat Anda mengedit, tanpa harus beralih ke belakang dan keempat.

Cara menggunakan

Anda dapat menggunakan versi penerapan kami secara gratis dengan mengunjungi opencanvas.langchain.com

atau

Anda dapat mengkloning repositori ini dan menjalankannya secara lokal/menyebarkannya ke cloud Anda sendiri. Lihat bagian berikutnya untuk mengetahui langkah-langkah tentang cara melakukan ini.

Perkembangan

Menjalankan atau mengembangkan Open Canvas itu mudah. Mulailah dengan mengkloning repositori ini dan menavigasi ke direktori.

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

Selanjutnya, instal dependensi melalui Yarn:

 pemasangan benang

Kemudian instal LangGraph Studio yang diperlukan untuk menjalankan grafik secara lokal, atau buat akun LangSmith untuk diterapkan ke produksi di LangGraph Cloud.

Setelah itu, salin konten file .env.example ke .env dan atur nilai yang diperlukan:

 # Pelacakan LangSmithLANGCHAIN_TRACING_V2=benar
LANGCHAIN_API_KEY=# Kunci API LLM# Antropik digunakan untuk refleksiANTHROPIC_API_KEY=# OpenAI digunakan untuk pembuatan kontenOPENAI_API_KEY=# Penerapan LangGraph, atau server pengembangan lokal melalui LangGraph Studio.# Jika dijalankan secara lokal, URL ini harus disetel di file `constants.ts`. # LANGGRAPH_API_URL=# Supabase untuk otentikasi# Publik kunciNEXT_PUBLIC_SUPABASE_URL=
BERIKUTNYA_PUBLIC_SUPABASE_ANON_KEY=

Terakhir, mulai server pengembangan:

 pengembang benang

Kemudian, buka localhost:3000 dengan browser Anda dan mulailah berinteraksi!

Anda juga dapat menonton panduan video singkat (2 menit) tentang cara menyiapkan Open Canvas secara lokal di sini.

Model LLM

Open Canvas dirancang agar kompatibel dengan model LLM apa pun. Penerapan saat ini memiliki model berikut yang dikonfigurasi:

• Claude Antropis 3 Haiku? : Haiku adalah model tercepat Anthropic, cocok untuk tugas cepat seperti mengedit dokumen Anda. Daftar akun Anthropic di sini.

• Kembang Api Llama 3 70B ? : Llama 3 adalah model sumber terbuka SOTA dari Meta, didukung oleh Fireworks AI. Anda dapat mendaftar akun di sini.

• OpenAI GPT 4oMini? : GPT 4o Mini adalah model OpenAI terbaru dan terkecil. Anda dapat mendaftar untuk mendapatkan kunci API di sini.

Jika Anda ingin menambahkan model baru, ikuti langkah sederhana berikut:

1. Tambahkan atau perbarui variabel penyedia model di constants.ts .

2. Instal paket yang diperlukan untuk penyedia (misalnya @langchain/anthropic ).

3. Perbarui fungsi getModelNameAndProviderFromConfig di src/agent/utils.ts untuk menyertakan nama model dan penyedia baru Anda.

4. Uji secara manual dengan memeriksa Anda dapat:

• 4a. Hasilkan artefak baru

• 4b. Hasilkan pesan tindak lanjut (terjadi secara otomatis setelah membuat artefak)

• 4c. Perbarui artefak melalui pesan di obrolan

• 4d. Perbarui artefak melalui tindakan cepat

• 4e. Ulangi untuk teks/kode (pastikan keduanya berfungsi)

Peta jalan

Fitur

Di bawah ini adalah daftar fitur yang ingin kami tambahkan ke Open Canvas dalam waktu dekat:

• Render React di editor : Idealnya, jika Anda memiliki Open Canvas yang menghasilkan kode React (atau HTML), kita harus dapat merendernya langsung di editor. Sunting : Ini sedang dalam tahap perencanaan sekarang!

• Banyak asisten : Pengguna harus dapat membuat beberapa asisten, masing-masing memiliki penyimpanan memori sendiri.

• Berikan 'alat' khusus kepada asisten : Setelah kami mengimplementasikan RemoteGraph di LangGraph.js, pengguna harus dapat memberikan akses kepada asisten untuk memanggil grafik mereka sendiri sebagai alat. Ini berarti Anda dapat menyesuaikan asisten Anda untuk memiliki akses ke peristiwa terkini, grafik pengetahuan pribadi Anda, dll.

Apakah Anda memiliki permintaan fitur? Silakan buka terbitan!

Berkontribusi

Kami ingin terus mengembangkan dan menyempurnakan Open Canvas, dan kami membutuhkan bantuan Anda!

Untuk memulainya, ada beberapa masalah GitHub dengan permintaan fitur yang menguraikan perbaikan dan penambahan untuk membuat UX aplikasi menjadi lebih baik. Ada tiga label utama:

• frontend : Label ini ditambahkan ke masalah yang berfokus pada UI, dan tidak memerlukan banyak pekerjaan pada agen.

• ai : Label ini ditambahkan pada isu-isu yang fokus pada peningkatan agen LLM.

• fullstack : Label ini ditambahkan ke masalah yang memerlukan sentuhan frontend dan kode agen.

Jika Anda memiliki pertanyaan tentang berkontribusi, silakan hubungi saya melalui email: brace(at)langchain(dot)dev . Untuk bug/masalah umum dengan kode, silakan buka masalah di GitHub.