เลย์เอาต์ Vibe Coder
เลย์เอาต์ที่เน้นพรอมต์เป็นหลัก: คอมโพเซอร์ขนาดเต็มหนึ่งตัว ชิปสำหรับโปรเจกต์ เอเจนต์ และโมเดล พร้อม Preview Changes และ Code อยู่เคียงข้างกัน
เลย์เอาต์ส่วนใหญ่จัดเครื่องมือรอบๆ โค้ดของคุณ Vibe Coder จัดเรียงมันรอบๆ คำถามหนึ่งข้อ: คุณต้องการสร้างอะไร?
เลือก Vibe Coder ในเครื่องมือเลือกเลย์เอาต์ ตัวพื้นที่ทำงานจะจัดเรียงใหม่เป็นพื้นผิวที่เน้นคอมโพเซอร์เป็นหลัก — เทอร์มินัลยังคงมีอยู่จริงและยังคงทำงานอยู่เบื้องหลัง แค่หยุดเป็นสิ่งแรกที่คุณมอง
หน้าหลัก Vibe
หน้าหลักเป็นคอมโพเซอร์ขนาดเต็ม ไม่ใช่กล่องแชทที่ตัดทอนมา ทุกอย่างที่คุณมีใน Agent Input ใช้งานได้ที่นี่:
- การใช้
@อ้างอิงถึงไฟล์ เทอร์มินัล เอเจนต์ และโปรเจกต์ที่เกี่ยวข้อง - Skills และคำสั่ง slash
- เทมเพลตพรอมต์
- การลากและวางรูปภาพ
ใต้พรอมต์มีแถวของชิปที่ตัดสินใจว่าการรันจะทำงานอย่างไร:
- Project — repo ใดที่พรอมต์นี้รันต่อ
- Agent — Claude Code, Codex, Kimi, Pi หรืออะไรก็ตามที่คุณติดตั้งไว้
- Model — ชิปโมเดลสำหรับเอเจนต์นั้น
- Plan or build — เอเจนต์จะร่างแผนก่อนหรือเริ่มแก้ไขไฟล์เลย
- How much it asks — ลักษณะการขออนุญาตสำหรับการรันนี้
เปิดแอปโดยไม่มีโปรเจกต์โหลดอยู่ หน้าหลัก Vibe ก็ยังคงต้อนรับคุณ ดังนั้นไอเดียใหม่จึงไม่จำเป็นต้องเริ่มต้นด้วยการเลือกโฟลเดอร์
ส่งพรอมต์ แล้วกลายเป็นบทสนทนา
การส่งพรอมต์จะเปลี่ยนหน้าหลัก Vibe เป็นหน้าต่างบทสนทนา เอเจนต์เบื้องหลังเป็นเทอร์มินัลธรรมดา — คลิกครั้งเดียวก็เข้าสู่ TUI แบบดิบได้ทุกเมื่อที่ต้องการ และทุกอย่างที่คุณรู้เกี่ยวกับ การคงอยู่ของเซสชัน และ การกลับมาทำต่อ ยังคงใช้ได้
บทสนทนาล่าสุดจะแสดงรายการในหน้าหลัก ดังนั้นการรื้อฟื้นบทสนทนาเมื่อวานเป็นเพียงคลิกเดียว แทนที่จะต้องไล่หาผ่านแท็บต่างๆ
Preview, Changes และ Code
แผงด้านขวาจัดวางมุมมองสามอย่างเคียงข้างกัน:
- Preview — แอปของคุณที่กำลังรัน ผ่าน เบราว์เซอร์ ในตัว
- Changes — diff ที่เอเจนต์กำลังสร้าง ในขณะที่มันกำลังสร้าง
- Code — ตัวไฟล์เอง
ประเด็นคือคุณได้เห็นการสร้างเกิดขึ้นต่อหน้า แทนที่จะต้องไล่หาผลลัพธ์หลังจากเสร็จสิ้น
เหมาะกับเมื่อไร
Vibe Coder เหมาะกับงานที่เริ่มต้นจากคำอธิบายมากกว่าไฟล์: ฟีเจอร์ใหม่ spike ต้นแบบ หรือการขับเคลื่อนเอเจนต์บน repo ที่คุณยังไม่คุ้นเคยดีนัก สำหรับการแก้ไขด้วยมือทั้งวัน Default หรือ Classic จะเหมาะกับคุณกว่า
เลย์เอาต์เป็นรายโปรเจกต์ ดังนั้นโปรเจกต์หนึ่งอาจใช้ Vibe Coder ในขณะที่อีกโปรเจกต์ใช้ Default
ที่เกี่ยวข้อง
- โหมดเลย์เอาต์
- Agent Input — คอมโพเซอร์ที่หน้าหลัก Vibe สร้างมาจาก
- Mosaic — ทางเลือกแบบกระเบื้อง