แผงด้านข้างของ Chrome เพิ่มการเขียนโปรแกรมคู่ด้วย AI แบบสดสำหรับหน้าเว็บ
Lizard Studio - Claude Code Side Panel, พัฒนาโดย Dragon Labs LLC, ฝัง Claude Code ของ Anthropic ลงใน Chrome เพื่อให้ความช่วยเหลือในการพัฒนาในบริบทสำหรับหน้าเว็บ ส่วนขยายนี้จะแสดงผู้ช่วยภายในแผงด้านข้างของเบราว์เซอร์ที่เชื่อมต่อกับ Claude Code CLI ที่ทำงานในเครื่องเพื่อช่วยในการดีบัก, ข้อเสนอแนะโค้ด, และการแก้ไขบนหน้า อินเทอร์เฟซของมันจัดกลุ่มการจับภาพภาพและชุดเครื่องมือการออกแบบ ซึ่งมุ่งเป้าไปที่นักพัฒนาเว็บและนักออกแบบ UI ที่ต้องการการทำงานของเบราว์เซอร์ที่มีความตระหนักรู้เกี่ยวกับ AI.
ผู้ช่วยสามารถโต้ตอบกับหน้าเหมือนผู้ร่วมงานมนุษย์ได้หรือไม่?
ใช่: เครื่องมือเชื่อมต่อผู้ช่วยเข้ากับสภาพแวดล้อมการทำงานของเบราว์เซอร์เพื่อให้สามารถตรวจสอบโครงสร้างเอกสารสดและดำเนินการในแท็บที่ใช้งานอยู่ การเชื่อมต่อนั้นช่วยให้ผู้ช่วยสามารถจับภาพหน้าจอที่รวมกัน แ annotate องค์ประกอบ และดำเนินการเช่นการคลิกหรือพิมพ์ ซึ่งทำให้ AI มีบริบทเรียลไทม์ที่จำเป็นในการทำตัวเหมือนโปรแกรมเมอร์คู่มากกว่าการสรุปแบบพาสซีฟ
มันยังคงประมวลผลในท้องถิ่นและจำกัดการส่งข้อมูลของบุคคลที่สามหรือไม่?
สถาปัตยกรรมที่เน้นในท้องถิ่น: ส่วนขยายขับเคลื่อน CLI ของ Claude Code ในท้องถิ่นผ่านโฮสต์การสื่อสารพื้นเมือง ซึ่งนักพัฒนาระบุว่าเรียกใช้งานทั้งหมดบนเครื่องของผู้ใช้ ขั้นตอนการติดตั้งใช้ Node.js (โฮสต์จะถูกติดตั้งด้วยคำสั่ง npx) และนักพัฒนาระบุว่าไม่มีเซิร์ฟเวอร์ภายนอกหรือการเก็บข้อมูลที่ใช้ ซึ่งช่วยลดการส่งข้อมูลเครือข่ายไปยังโปรเซสเซอร์ภายนอกเมื่อเปรียบเทียบกับแถบด้านข้างที่ใช้คลาวด์
มันเข้ากับการทำงานและเครื่องมือที่มีอยู่ของนักพัฒนาอย่างไร?
การรวมเข้ากับงานด้านหน้าที่พบบ่อย: ส่วนขยายรวมเครื่องมือช่วยออกแบบบนหน้าและเครื่องมือช่วยตรวจสอบที่ต้องการเครื่องมือแยกต่างหาก อินเทอร์เฟซประกอบด้วย:
- ไม้บรรทัด, ไกด์ และกริดคอลัมน์
- หลอดดูดสีสำหรับการสุ่มตัวอย่างสี
- การดูตัวอย่าง viewport ที่ตอบสนองและการ annotate องค์ประกอบ
ส่วนขยายยังทำงานร่วมกับบัญชี Anthropic และโฟลเดอร์โปรเจ็กต์ที่มีอยู่ของคุณ ดังนั้นไม่จำเป็นต้องมีบัญชี Lizard แยกต่างหาก; ซึ่งช่วยลดความยุ่งยากในการจัดการบัญชีในขณะที่เชื่อมโยงเครื่องมือกับการตั้งค่า Claude Code ที่ควบคุมโดยนักพัฒนา
ทางเลือกที่เหมาะสมสำหรับนักพัฒนาที่ยอมรับการตั้งค่าท้องถิ่น
Lizard Studio เหมาะสำหรับนักพัฒนาและนักออกแบบที่เตรียมพร้อมที่จะรัน Claude Code CLI ท้องถิ่นและติดตั้งโฮสต์พื้นเมือง เนื่องจากความต้องการนั้นสร้างขั้นตอนการกำหนดค่าล่วงหน้า สำหรับทีมที่ยินดีที่จะเพิ่มเครื่องมือ Node.js ส่วนขยายจะฝังความช่วยเหลือจาก AI โดยตรงลงในกระบวนการทำงานของเบราว์เซอร์และเก็บการประมวลผลไว้ในสถานที่; สำหรับผู้ใช้ที่หลีกเลี่ยงส่วนประกอบท้องถิ่น ภาระการตั้งค่าทำให้มันเป็นตัวเลือกที่ไม่สะดวกนัก.
