Cursor Canvas เพิ่มโหมด Design Mode สำหรับการแก้ไขที่เร็วขึ้นและรายงานการใช้ Context

TL;DR

• Canvas ของ Cursor เพิ่ม Design Mode สำหรับการแก้ไข UI element ที่เร็วขึ้นและใส่คำอธิบายได้โดยตรง
• มี รายงานการใช้ Context แบบโต้ตอบ แสดงการกระจาย Token ทั่วทั้ง Prompt, Tool, และ Skill
• ผู้ใช้สามารถสอบถาม Agent เกี่ยวกับรายงาน Context และใช้ปุ่ม "Debug with Agent" เพื่อปรับปรุงการใช้ Context
• Shared Canvases รองรับการแสดงผลเต็มหน้าจอ และ Agent สามารถฝังปุ่มแบบโต้ตอบได้

Cursor ได้เปิดตัวการอัปเดตครั้งสำคัญให้กับฟีเจอร์ Canvas โดยได้เพิ่ม Design Mode เข้ามา เพื่อช่วยให้การแก้ไข Artifacts แบบโต้ตอบ เช่น dashboards และเครื่องมือภายในองค์กร เป็นไปอย่างราบรื่นยิ่งขึ้น โหมดใหม่นี้ช่วยให้ผู้ใช้สามารถเลือกและใส่คำอธิบายบน UI elements ได้โดยตรงภายใน Canvas ซึ่งคล้ายคลึงกับการตรวจสอบ Elements ในเว็บเบราว์เซอร์ กลไกการให้ฟีดแบ็กแบบภาพนี้ช่วยให้การทำซ้ำและการให้คำแนะนำที่แม่นยำสำหรับคำสั่งแก้ไขของ Cursor เป็นไปอย่างรวดเร็วขึ้น ก้าวข้ามการอธิบายการเปลี่ยนแปลงด้วยข้อความเพียงอย่างเดียว

ควบคู่ไปกับ Design Mode, Cursor ได้นำ รายงานการใช้ Context มาใช้ภายใน Canvas ซึ่งเป็นรายงานแบบโต้ตอบที่ให้รายละเอียดเกี่ยวกับการใช้ Token โดยครอบคลุม System Prompt, Tool Definitions, Rules และ Skills ต่างๆ ที่ Agent ใช้งาน ความโปร่งใสนี้มีความสำคัญอย่างยิ่งต่อการทำความเข้าใจพฤติกรรมของ Agent และการปรับปรุงประสิทธิภาพ

ผู้ใช้สามารถโต้ตอบกับรายงาน Context นี้ได้โดยการสอบถาม Agent เพิ่มเติม และ Agent สามารถปรับแต่งรายงานเพื่อตอบคำถามเฉพาะของผู้ใช้ได้อย่างละเอียด นอกจากนี้ ปุ่ม "Debug with Agent" ที่สะดวกสบาย ยังถูกฝังไว้ใน Canvas เมื่อคลิกปุ่มนี้ Cursor จะช่วยระบุโอกาสในการลดการใช้ Context ในการสนทนาใหม่ ซึ่งเป็นการช่วยเหลือผู้ใช้ในการปรับปรุงประสิทธิภาพอย่างแข็งขัน

นอกเหนือจากการแก้ไขและการวิเคราะห์ การอัปเดตล่าสุดยังช่วยเพิ่มขีดความสามารถในการทำงานร่วมกันของ Canvas อีกด้วย Shared Canvases ตอนนี้สามารถเปิดในโหมดเต็มหน้าจอภายในเบราว์เซอร์ ทำให้ง่ายต่อการนำเสนอและแชร์กับทีมต่างๆ Agent ยังมีความสามารถในการฝังปุ่มลงใน Canvas ได้โดยตรง เมื่อคลิกปุ่มเหล่านี้ จะสามารถเรียกใช้ Prompt ที่เฉพาะเจาะจงได้ ซึ่งเปิดโอกาสให้เกิด Workflow แบบโต้ตอบและเนื้อหา Canvas ที่มีความไดนามิกมากขึ้น

การปรับปรุงคุณภาพชีวิตเพิ่มเติม ได้แก่ การจัดการ Canvas Type Errors ที่ดีขึ้นโดย Agent และการปรับปรุง Component Styling รวมถึงฟังก์ชันการปรับแต่ง Chart ที่มากขึ้น การปรับปรุงเหล่านี้ล้วนมีส่วนช่วยให้ประสบการณ์การสร้างและโต้ตอบกับ Artifacts ที่สร้างโดย Agent มีความแข็งแกร่งและใช้งานง่ายยิ่งขึ้น ผู้ที่ต้องการศึกษาความสามารถเหล่านี้เพิ่มเติม สามารถดูคำแนะนำที่ครอบคลุมได้ใน Canvas Documentation

สรุป

• Design Mode และ รายงานการใช้ Context พร้อมใช้งานแล้วใน Cursor Canvas เพื่อการแก้ไขและวิเคราะห์ที่ดียิ่งขึ้น
• ผู้ใช้สามารถโต้ตอบกับรายงาน Context และใช้ฟีเจอร์ "Debug with Agent" เพื่อปรับปรุงการใช้ Token
• Shared Canvases รองรับการแสดงผลเต็มหน้าจอ และ Agent สามารถฝังปุ่มแบบโต้ตอบได้
• การอัปเดตยังรวมถึงการปรับปรุง Styling และการจัดการข้อผิดพลาด เพื่อประสบการณ์ที่สมบูรณ์ยิ่งขึ้น

แหล่งที่มา: Canvas Design Mode and Context Usage Report · Cursor