tegakari: จับภาพบริบท UI ที่พร้อมใช้งาน AI โดยตรงจาก Chrome
tegakari, โดย iemong, เป็นส่วนขยายของ Chrome ที่ช่วยให้นักพัฒนาส่วนหน้าเก็บรวบรวมบริบท UI ที่แม่นยำสำหรับการแก้ไขโค้ดที่ช่วยด้วย AI มันจับภาพองค์ประกอบที่เลือก, ภาพหน้าจอ, และข้อมูลเมตา HTML จากนั้นจัดรูปแบบข้อมูลนั้นเป็น Markdown หรือ JSONL สำหรับเซสชัน AI เครื่องมือสนับสนุนการบันทึกหลายองค์ประกอบ, การเก็บรักษาตาม URL, และการส่งออก/นำเข้าชุดการบันทึก มันมุ่งเป้าไปที่วิศวกรส่วนหน้าที่ใช้เครื่องมือโค้ดที่ขับเคลื่อนด้วย AI และต้องการการเตรียมบริบทที่รวดเร็วและทำซ้ำได้.
แพ็คเกจ Tegakari บนหน้าเนื้อหาสำหรับเซสชัน AI ที่มุ่งเน้นโค้ดโดยเฉพาะ
มันแปลงองค์ประกอบที่เลือกเป็นข้อมูลที่พร้อมสำหรับ AI โดยการรวมภาพหน้าจออัตโนมัติพร้อมกับ HTML ที่ถูกดึงออกมาและความแตกต่างของสไตล์ที่คำนวณเพื่อให้ผู้แก้ไขสามารถกำหนดเป้าหมายไปยังชิ้นส่วน UI ที่ถูกต้องได้ ส่วนขยายนี้จัดรูปแบบผลลัพธ์เป็น Markdown หรือ JSONL และกล่าวถึงความเข้ากันได้กับตัวแทนเช่น Claude Code และ Cursor ซึ่งช่วยลดความจำเป็นในการพิมพ์คำอธิบายที่ยาวเมื่อขอให้ผู้ช่วยเปลี่ยนแปลงส่วนประกอบ
ข้อมูลอยู่ภายในเบราว์เซอร์เพื่อลดการเปิดเผยภายนอก
การเก็บรวบรวมและประมวลผลทั้งหมดเกิดขึ้นในท้องถิ่น; ส่วนขยายนี้ไม่ส่งข้อมูลที่ถูกจับไปยังเซิร์ฟเวอร์ภายนอกและไม่ใช้การวิเคราะห์หรือการติดตาม การดำเนินการเฉพาะในท้องถิ่นนี้ช่วยรักษาบริบทที่ถูกจับไว้ภายในสภาพแวดล้อมของเบราว์เซอร์และสอดคล้องกับกระบวนการทำงานที่สถานะ UI ที่ละเอียดอ่อนหรือการทำเครื่องหมายภายในต้องไม่ออกจากเครื่องของนักพัฒนา
การวิเคราะห์กรอบเชิงลึกเผยข้อมูลระดับส่วนประกอบในรุ่นพัฒนาซอฟต์แวร์
มันตรวจจับโครงสร้างส่วนประกอบ React และ Vue รวมถึงลำดับชั้นของส่วนประกอบ, Props, และ State และทำแผนที่รายการกลับไปยังไฟล์ต้นฉบับเมื่อการสร้างเผยข้อมูลเมตาดาต้านั้น เครื่องมือยังรับรู้เมตาเฟรมเวิร์กเช่น Next.js และ Nuxt ซึ่งช่วยเมื่อคุณต้องการเส้นทางไฟล์และหมายเลขบรรทัดที่มีอยู่จากการสร้างของนักพัฒนาเพื่อการแก้ไขที่รวดเร็วขึ้น
การส่งออก, หมายเหตุ, และความเหมาะสมของโครงการเหมาะกับกระบวนการดีบักด้านหน้า
หมายเหตุสามารถถูกตรึงและบันทึกควบคู่ไปกับการจับภาพองค์ประกอบ และทีมสามารถส่งออกหรือนำเข้าชุดหมายเหตุเป็นไฟล์ JSON สำหรับการส่งต่อ ส่วนขยายนี้ทำงานบน Chrome และเบราว์เซอร์ที่ใช้ Chromium อื่น ๆ และเป็นโอเพ่นซอร์สและดูแลโดยชุมชน ทำให้มันเหมาะสมสำหรับวิศวกรที่ชอบเครื่องมือที่สามารถตรวจสอบได้และการปรับปรุงที่นำโดยผู้มีส่วนร่วมในลักษณะวนซ้ำ
Tegakari เป็นเครื่องมือที่ใช้งานได้จริงและมุ่งเน้นนักพัฒนา
Tegakari เหมาะสำหรับวิศวกรด้านหน้าเว็บที่ใช้การตรวจสอบเบราว์เซอร์ร่วมกับการเขียนโค้ดที่ช่วยโดย AI ขอบคุณโมเดลที่ขับเคลื่อนโดยชุมชนและความเป็นประโยชน์ที่รายงานโดยนักพัฒนา การออกแบบของมันเอื้ออำนวยต่อกระบวนการพัฒนาที่สามารถเปิดเผยข้อมูลเมตาของส่วนประกอบ และทีมที่ยอมรับแผนงานที่นำโดยผู้มีส่วนร่วมจะได้รับประโยชน์มากที่สุด สำหรับวิศวกรที่มองหาวิธีการตรวจสอบที่สามารถประมวลผลในท้องถิ่นเพื่อป้อนบริบท UI ที่แม่นยำให้กับผู้ช่วย เครื่องมือนี้เป็นทางเลือกที่เหมาะสมอย่างมีเหตุผล
