open canvas
1.0.0
ลองที่นี่
Open Canvas เป็นเว็บแอปพลิเคชันแบบโอเพ่นซอร์สสำหรับการทำงานร่วมกับตัวแทนเพื่อเขียนเอกสารได้ดียิ่งขึ้น ได้รับแรงบันดาลใจจาก "Canvas" ของ OpenAI แต่มีข้อแตกต่างที่สำคัญบางประการ
โอเพ่นซอร์ส : โค้ดทั้งหมดตั้งแต่ส่วนหน้าไปจนถึงเอเจนต์การสร้างเนื้อหาไปจนถึงเอเจนต์การสะท้อนนั้นเป็นโอเพ่นซอร์สและได้รับใบอนุญาตจาก MIT
หน่วยความจำในตัว : Open Canvas จัดส่งพร้อมเอเจนต์การสะท้อนซึ่งจัดเก็บกฎสไตล์และข้อมูลเชิงลึกของผู้ใช้ไว้ในที่เก็บหน่วยความจำที่ใช้ร่วมกัน ซึ่งช่วยให้ Open Canvas จดจำข้อเท็จจริงเกี่ยวกับคุณตลอดเซสชันได้
เริ่มจากเอกสารที่มีอยู่ : Open Canvas อนุญาตให้ผู้ใช้เริ่มต้นด้วยข้อความเปล่าหรือโปรแกรมแก้ไขโค้ดในภาษาที่ตนเลือก ช่วยให้คุณสามารถเริ่มเซสชันด้วยเนื้อหาที่มีอยู่ แทนที่จะถูกบังคับให้เริ่มต้นด้วยการโต้ตอบทางแชท เราเชื่อว่านี่เป็น UX ในอุดมคติ เพราะหลายครั้งคุณจะมีเนื้อหาบางส่วนอยู่แล้ว และต้องการทำซ้ำเพิ่มเติม
หน่วยความจำ : Open Canvas มีระบบหน่วยความจำในตัวซึ่งจะสร้างภาพสะท้อนและความทรงจำเกี่ยวกับคุณและประวัติการสนทนาของคุณโดยอัตโนมัติ สิ่งเหล่านี้จะรวมอยู่ในการโต้ตอบการแชทครั้งต่อไปเพื่อมอบประสบการณ์ที่เป็นส่วนตัวมากขึ้น
การดำเนินการด่วนแบบกำหนดเอง : การดำเนินการด่วนแบบกำหนดเองทำให้คุณสามารถกำหนดข้อความแจ้งของคุณเองซึ่งเชื่อมโยงกับผู้ใช้ของคุณ และคงอยู่ตลอดเซสชัน สิ่งเหล่านี้สามารถเรียกใช้ได้อย่างง่ายดายด้วยการคลิกเพียงครั้งเดียว และนำไปใช้กับอาร์ติแฟกต์ที่คุณกำลังดูอยู่
การดำเนินการด่วนที่สร้างไว้ล่วงหน้า : ยังมีชุดการดำเนินการด่วนที่สร้างไว้ล่วงหน้าสำหรับงานเขียนและการเขียนโค้ดทั่วไปที่พร้อมใช้งานอยู่เสมอ
การกำหนดเวอร์ชันอาร์ติแฟกต์ : อาร์ติแฟกต์ทั้งหมดมี "เวอร์ชัน" เชื่อมโยงอยู่ ช่วยให้คุณเดินทางย้อนเวลากลับไปและดูอาร์ติแฟกต์เวอร์ชันก่อนหน้าของคุณได้
รหัส มาร์กดาวน์ หรือทั้งสองอย่าง : มุมมองอาร์ติแฟกต์ช่วยให้สามารถดูและแก้ไขทั้งโค้ดและมาร์กดาวน์ได้ คุณยังสามารถแชทที่สร้างโค้ดและมาร์กดาวน์อาร์ติแฟกต์ และสลับระหว่างสิ่งเหล่านั้นได้
การเรนเดอร์และการแก้ไขมาร์กดาวน์แบบสด : โปรแกรมแก้ไขมาร์กดาวน์ของ Open Canvas ช่วยให้คุณดูมาร์กดาวน์ที่เรนเดอร์ได้ในขณะที่คุณกำลังแก้ไข โดยไม่ต้องสลับกลับไปและที่สี่
คุณสามารถใช้เวอร์ชันที่ปรับใช้ของเราได้ฟรีโดยไปที่ opencanvas.langchain.com
หรือ
คุณสามารถโคลนพื้นที่เก็บข้อมูลนี้และเรียกใช้ในเครื่อง/ปรับใช้กับคลาวด์ของคุณเองได้ ดูส่วนถัดไปสำหรับขั้นตอนในการดำเนินการนี้
การเรียกใช้หรือการพัฒนา Open Canvas เป็นเรื่องง่าย เริ่มต้นด้วยการโคลนที่เก็บนี้และนำทางไปยังไดเร็กทอรี
โคลนคอมไพล์ https://github.com/langchain-ai/open-canvas.gitcd open-canvas
ถัดไป ติดตั้งการพึ่งพาผ่าน Yarn:
ติดตั้งเส้นด้าย
จากนั้นติดตั้ง LangGraph Studio ซึ่งจำเป็นสำหรับการรันกราฟในเครื่อง หรือสร้างบัญชี LangSmith เพื่อปรับใช้กับการใช้งานจริงบน LangGraph Cloud
หลังจากนั้น ให้คัดลอกเนื้อหาไฟล์ .env.example ลงใน .env และตั้งค่าที่ต้องการ:
# การติดตาม LangSmithLANGCHAIN_TRACING_V2=true LANGCHAIN_API_KEY=# คีย์ LLM API# Anthropic ใช้สำหรับการสะท้อน ANTHROPIC_API_KEY=# OpenAI ที่ใช้สำหรับการสร้างเนื้อหาOPENAI_API_KEY=# การปรับใช้ LangGraph หรือเซิร์ฟเวอร์การพัฒนาท้องถิ่นผ่าน LangGraph Studio# หากทำงานในเครื่อง URL นี้ควรได้รับการตั้งค่าในไฟล์ `constants.ts` # LANGGRAPH_API_URL=# Supabase สำหรับการตรวจสอบสิทธิ์# สาธารณะ คีย์NEXT_PUBLIC_SUPABASE_URL= NEXT_PUBLIC_SUPABASE_ANON_KEY=
สุดท้ายให้เริ่มเซิร์ฟเวอร์การพัฒนา:
ผู้พัฒนาเส้นด้าย
จากนั้นเปิด localhost:3000 ด้วยเบราว์เซอร์ของคุณและเริ่มโต้ตอบ!
คุณยังสามารถชมวิดีโอแนะนำสั้นๆ (2 นาที) เกี่ยวกับวิธีตั้งค่า Open Canvas ในเครื่องได้ที่นี่
Open Canvas ได้รับการออกแบบมาให้เข้ากันได้กับ LLM ทุกรุ่น การปรับใช้ปัจจุบันมีการกำหนดค่าโมเดลต่อไปนี้:
Anthropic Claude 3 ไฮกุ ? : Haiku เป็นโมเดลที่เร็วที่สุดของ Anthropic เหมาะสำหรับงานด่วน เช่น การแก้ไขเอกสาร ลงทะเบียนสำหรับบัญชี Anthropic ที่นี่
ดอกไม้ไฟลามะ 3 70B ? : Llama 3 เป็นโมเดลโอเพ่นซอร์ส SOTA จาก Meta ซึ่งขับเคลื่อนโดย Fireworks AI คุณสามารถลงทะเบียนสำหรับบัญชีได้ที่นี่
OpenAI GPT 4o มินิ ? : GPT 4o Mini เป็นรุ่นที่เล็กที่สุดของ OpenAI ใหม่ล่าสุด คุณสามารถลงทะเบียนเพื่อรับคีย์ API ได้ที่นี่
หากคุณต้องการเพิ่มโมเดลใหม่ ให้ทำตามขั้นตอนง่ายๆ เหล่านี้:
เพิ่มหรืออัปเดตตัวแปรผู้ให้บริการโมเดลใน constants.ts
ติดตั้งแพ็คเกจที่จำเป็นสำหรับผู้ให้บริการ (เช่น @langchain/anthropic )
อัพเดตฟังก์ชัน getModelNameAndProviderFromConfig ใน src/agent/utils.ts เพื่อรวมชื่อโมเดลและผู้ให้บริการใหม่ของคุณ
ทดสอบด้วยตนเองโดยตรวจสอบว่าคุณสามารถ:
4ก. สร้างสิ่งประดิษฐ์ใหม่
4ข. สร้างข้อความติดตามผล (เกิดขึ้นโดยอัตโนมัติหลังจากสร้างสิ่งประดิษฐ์)
4c อัปเดตสิ่งประดิษฐ์ผ่านข้อความในการแชท
4วัน อัปเดตสิ่งประดิษฐ์ผ่านการดำเนินการด่วน
4จ. ทำซ้ำสำหรับข้อความ/โค้ด (ให้แน่ใจว่าใช้งานได้ทั้งคู่)
ด้านล่างนี้คือรายการฟีเจอร์ที่เราต้องการเพิ่มลงใน Open Canvas ในอนาคตอันใกล้นี้:
Render React ในตัวแก้ไข : ตามหลักการแล้ว หากคุณมี Open Canvas สร้างโค้ด React (หรือ HTML) เราควรจะสามารถเรนเดอร์มันได้ในโปรแกรมแก้ไข แก้ไข : ขณะนี้อยู่ในขั้นตอนการวางแผน!
ผู้ช่วยหลายคน : ผู้ใช้ควรสามารถสร้างผู้ช่วยได้หลายคน โดยแต่ละคนมีที่เก็บความทรงจำของตัวเอง
ให้ 'เครื่องมือ' แบบกำหนดเองแก่ผู้ช่วย : เมื่อเราใช้งาน RemoteGraph ใน LangGraph.js แล้ว ผู้ใช้ควรจะสามารถให้สิทธิ์แก่ผู้ช่วยในการเรียกกราฟของตนเองมาเป็นเครื่องมือได้ ซึ่งหมายความว่าคุณสามารถปรับแต่ง Assistant ให้สามารถเข้าถึงเหตุการณ์ปัจจุบัน กราฟความรู้ส่วนตัวของคุณเอง ฯลฯ
คุณมีคำขอคุณสมบัติหรือไม่? กรุณาเปิดประเด็น!
เราต้องการพัฒนาและปรับปรุง Open Canvas ต่อไป และต้องการความช่วยเหลือจากคุณ!
ในการเริ่มต้น มีปัญหา GitHub อยู่จำนวนหนึ่งที่มีการร้องขอคุณลักษณะโดยสรุปการปรับปรุงและการเพิ่มเติมเพื่อทำให้ UX ของแอปดียิ่งขึ้น มีสามป้ายกำกับหลัก:
frontend : ป้ายกำกับนี้ถูกเพิ่มในปัญหาที่เน้น UI และไม่ต้องการอะไรมากหากต้องดำเนินการใดๆ กับตัวแทน
ai : ป้ายกำกับนี้ถูกเพิ่มในประเด็นที่เน้นไปที่การปรับปรุงตัวแทน LLM
fullstack : ป้ายกำกับนี้ถูกเพิ่มไปยังปัญหาที่ต้องแตะทั้งโค้ดส่วนหน้าและโค้ดตัวแทน
หากคุณมีคำถามเกี่ยวกับการบริจาค โปรดติดต่อฉันทางอีเมล: brace(at)langchain(dot)dev สำหรับข้อบกพร่อง/ปัญหาทั่วไปเกี่ยวกับโค้ด โปรดเปิดปัญหาบน GitHub
