เห็น.
คลิก.
ส่งงานได้เลย.
กด Shift+คลิก ที่องค์ประกอบใดก็ได้บนหน้าจอ อธิบายสิ่งที่ต้องการแก้ แล้วให้ VibeWebHelper สร้างพรอมต์สำหรับ AI ทันที — ปรับแต่ง UI ได้โดยไม่เสียบริบท
จากเห็นปัญหา
สู่การแก้ไข — ในเวลาไม่กี่วินาที
VibeWebHelper บันทึกทุกอย่างที่ AI ต้องการเพื่อเข้าใจการแก้ไข UI — บริบทองค์ประกอบ ซีเลกเตอร์ โครงสร้าง HTML และคำสั่งของคุณ
Shift+คลิกเพื่อบันทึก
กด Shift ค้างไว้แล้วคลิกองค์ประกอบ VibeWebHelper จะบันทึก CSS selector, XPath, โค้ด HTML และบริบทรอบข้างทันที
ไดอะล็อกบนหน้าเว็บ
ไดอะล็อกขนาดกะทัดรัดจะปรากฏข้างองค์ประกอบที่คุณคลิก พิมพ์คำสั่งแก้ไขได้เป็นธรรมชาติ ไม่ต้องสลับหน้าต่าง
พรอมต์พร้อมใช้สำหรับ AI
คลิกครั้งเดียวเพื่อสร้างพรอมต์ Markdown ที่สมบูรณ์พร้อม URL, เฟรมเวิร์ก, ซีเลกเตอร์, HTML และคำสั่ง — วางลงใน Claude หรือ ChatGPT ได้ทันที
ตรวจสอบผ่านแถบด้านข้าง
การแก้ไขที่บันทึกไว้ทั้งหมดจะอยู่ในแถบด้านข้างของ Chrome ตรวจสอบ แก้ไข หรือลบรายการก่อนส่งออกได้ง่ายดาย
ส่งออกเป็น Markdown & JSON
ส่งออกฉบับร่างเป็น Markdown ที่อ่านง่ายหรือ JSON แบบมีโครงสร้าง แชร์ให้ทีมหรือส่งต่อเข้าไพป์ไลน์การพัฒนาได้ทันที
สิทธิ์ที่เน้นความเป็นส่วนตัว
ทำงานอัตโนมัติเฉพาะบน localhost เท่านั้น สำหรับเว็บไซต์ภายนอก คุณสามารถอนุญาตเป็นรายเว็บ ข้อมูลจะไม่ออกจากเบราว์เซอร์ของคุณ
สามขั้นตอนสู่พรอมต์ UI ที่ดีกว่า
บันทึก
เปิดดูเว็บพัฒนาในเครื่องตามปกติ เมื่อพบจุดที่ต้องการแก้ ให้กด Shift แล้วคลิก องค์ประกอบจะสว่างขึ้นและมีหน้าต่างโต้ตอบปรากฏ
อธิบาย
พิมพ์สิ่งที่ต้องการแก้ไขด้วยภาษาธรรมชาติ ละเอียดหรือกว้างได้ตามต้องการ บันทึกได้หลายจุดทั่วทั้งหน้า
ส่งออก
คัดลอกพรอมต์ที่สร้างไปยังคลิปบอร์ดหรือดาวน์โหลดเป็น Markdown/JSON วางลงใน AI ของคุณแล้วดูผลลัพธ์ได้เลย
ส่งมอบการแก้ไข UI
ด้วยความเร็วระดับความคิด
คลิกติดตั้งเพื่อรับ VibeWebHelper จาก GitHub ฟรี โอเพนซอร์ส และเน้นความเป็นส่วนตัว ใช้งานบน localhost ได้ทันที