Excalidraw bilan Claude kodlashtirish vositasi

Excalidraw — bu real vaqtda hamkorlik qilish uchun mo'ljallangan onlayn chizish vositasi. Ushbu vosita yordamida foydalanuvchilar o'zlarining chizmalari ustida ishlashlari, hamkorlar bilan ulashishlari va real vaqtda o'zgartirishlarni amalga oshirishlari mumkin. Lekin, endi bu vosita endi kodlashtirish vositasi sifatida ham ishlatilishi mumkin. Drawgent — bu Claude Code, Codex yoki OpenCode bilan bog'langan Excalidraw kanvasi uchun kodlashtirish vositasi.

Drawgent: Excalidraw uchun kodlashtirish vositasi

Drawgent — bu Excalidraw kanvasi bilan bog'langan kodlashtirish vositasi. Ushbu vosita yordamida foydalanuvchilar chat panelida diagrammalar so'rab olishlari yoki chizilgan rasmlarga AGENT: yozishlari mumkin. Vosita kanvasni ko'rib chiqadi, o'zgartirishlarni amalga oshiradi va natijani tekshiradi.

drawgent setup claude        # once per agent: claude | codex | opencode
cd ~/my-repo
drawgent up                  # new agent session in this repo + canvas in your browser
drawgent up --attach         # or: pick one of your running sessions and connect the canvas to it

Qanday ishlaydi?

Drawgent ishlash uchun Claude Code, Codex yoki OpenCode o'rnatilgan va tizimga kirishgan bo'lishi kerak. Vosita Node.js ≥ 18 (npm) talab qiladi. Drawgent o'rnatish jarayoni bir necha qadamdan iborat:

• Vosita o'rnatish: drawgent setup claude yoki drawgent setup codex yoki drawgent setup opencode komandasi yordamida vosita o'rnatiladi.
• Vosita ishga tushirish: drawgent up komandasi yordamida vosita ishga tushiriladi. Bu komanda vosita sessiyasini boshlaydi va brauzerda kanvasni ochadi.
• Vosita bilan bog'lanish: drawgent up --attach komandasi yordamida vosita bilan bog'lanish mumkin.

Drawgent vositasi yordamida foydalanuvchilar chat panelida diagrammalar so'rab olishlari yoki chizilgan rasmlarga AGENT: yozishlari mumkin. Vosita kanvasni ko'rib chiqadi, o'zgartirishlarni amalga oshiradi va natijani tekshiradi. Vosita o'zgartirishlarni amalga oshirgandan so'ng, natijani DONE yozuviga belgilaydi.

drawgent up --room 'https://excalidraw.com/#room=<id>,<key>'

Excalidraw.com xonalari

Drawgent vositasi yordamida foydalanuvchilar Excalidraw.com xonalariga kirishlari va hamkorlar bilan real vaqtda ishlashlari mumkin. Vosita xona bilan bog'lanish uchun drawgent up --room 'https://excalidraw.com/#room=... komandasidan foydalaniladi. Vosita xona bilan bog'lanishdan so'ng, hamkorlar bilan real vaqtda ishlash mumkin.

API va vosita qobiliyatlari

Drawgent vositasi bir necha API va vosita qobiliyatlariga ega. Ushbu qobiliyatlar yordamida foydalanuvchilar kanvasni boshqarishlari, diagrammalar yaratishlari va o'zgartirishlarni amalga oshirishlari mumkin. Vosita qobiliyatlari orasida get_scene, get_screenshot, add_elements, add_mermaid, update_elements, delete_elements, clear_canvas, list_instructions, resolve_instruction va set_status bor.

npm ci && npm run build      # editor + renderer pages -> dist/ (embedded into the binary)
cargo install --path .       # or: cargo build --release

API orqali foydalanuvchilar kanvasni boshqarishlari, diagrammalar yaratishlari va o'zgartirishlarni amalga oshirishlari mumkin. API orqali foydalanuvchilar kanvasni ko'rib chiqishlari, o'zgartirishlarni amalga oshirishlari va natijani tekshirishlari mumkin.

Drawgent vositasi yordamida foydalanuvchilar Excalidraw kanvasi bilan bog'langan kodlashtirish vositasi sifatida ishlatishlari mumkin. Ushbu vosita yordamida foydalanuvchilar chat panelida diagrammalar so'rab olishlari yoki chizilgan rasmlarga AGENT: yozishlari mumkin. Vosita kanvasni ko'rib chiqadi, o'zgartirishlarni amalga oshiradi va natijani tekshiradi.

cargo test                          # fractional indices, room crypto/framing
node scripts/smoke.mjs [url]        # chat turn + AGENT: note against a running drawgent
node scripts/e2e-browser.mjs [url]  # real browser: chat panel + note typed on the canvas
node scripts/room-e2e.mjs           # fresh excalidraw.com room ↔ drawgent, both directions

Drawgent vositasi yordamida foydalanuvchilar Excalidraw.com xonalariga kirishlari va hamkorlar bilan real vaqtda ishlashlari mumkin. Vosita xona bilan bog'lanish uchun drawgent up --room 'https://excalidraw.com/#room=... komandasidan foydalaniladi. Vosita xona bilan bog'lanishdan so'ng, hamkorlar bilan real vaqtda ishlash mumkin.

API va vosita qobiliyatlari yordamida foydalanuvchilar kanvasni boshqarishlari, diagrammalar yaratishlari va o'zgartirishlarni amalga oshirishlari mumkin. Vosita qobiliyatlari orasida get_scene, get_screenshot, add_elements, add_mermaid, update_elements, delete_elements, clear_canvas, list_instructions, resolve_instruction va set_status bor.

Drawgent vositasi yordamida foydalanuvchilar Excalidraw kanvasi bilan bog'langan kodlashtirish vositasi sifatida ishlatishlari mumkin. Ushbu vosita yordamida foydalanuvchilar chat panelida diagrammalar so'rab olishlari yoki chizilgan rasmlarga AGENT: yozishlari mumkin. Vosita kanvasni ko'rib chiqadi, o'zgartirishlarni amalga oshiradi va natijani tekshiradi.

Asl manba: tangled.org