Landing Hub
ภาพรวม
หลังจากตั้งค่าเสร็จสมบูรณ์ คุณจะมาถึง Kaiju Hub AI Landing Hub นี่คือแดชบอร์ดส่วนกลางที่คุณสามารถเข้าถึงฟีเจอร์หลักทั้งหมดของ Kaiju Hub AI ได้ในที่เดียว
Project Hub
Project Hub คือพื้นที่ทำงานส่วนกลางสำหรับจัดการและจัดระเบียบโปรเจกต์พัฒนาทั้งหมดของคุณ จากที่นี่คุณสามารถสร้างโปรเจกต์ใหม่ตั้งแต่ต้น นำเข้าโปรเจกต์ที่มีอยู่จากเครื่องของคุณ และโคลนรีโพซิทอรีจาก GitHub ได้โดยตรง
สร้างโปรเจกต์
เริ่มโปรเจกต์ใหม่ด้วยเทคสแตกและการกำหนดค่าเฟรมเวิร์กที่คุณต้องการ
นำเข้าโปรเจกต์
นำโปรเจกต์ที่มีอยู่จากระบบไฟล์ในเครื่องของคุณมาจัดการภายใน Kaiju Hub AI
โคลนจาก GitHub
โคลนรีโพซิทอรี GitHub ใดก็ได้โดยตรงใน Kaiju Hub AI — ไม่ต้องออกจากแอปหรือใช้บรรทัดคำสั่ง
Wireframes
ส่วน Wireframes ให้คุณสร้างและออกแบบไวร์เฟรมสำหรับแอปพลิเคชันและเว็บไซต์ของคุณ คุณสามารถออกแบบด้วยตนเองโดยใช้ตัวแก้ไขแคนวาส หรือใช้ AI สร้างไวร์เฟรมให้โดยอัตโนมัติ เมื่อไวร์เฟรมพร้อมแล้ว คุณสามารถส่งไปยังการสร้างโค้ดได้โดยตรง — จากการออกแบบไปสู่โค้ดที่ใช้งานได้ในเวิร์กโฟลว์เดียว
ออกแบบด้วยตนเอง
ใช้ตัวแก้ไขแคนวาสในตัวเพื่อวาดและจัดวางองค์ประกอบ UI ด้วยมือ
การสร้างด้วย AI
อธิบายสิ่งที่คุณต้องการและให้ AI สร้างเลย์เอาต์ไวร์เฟรมให้คุณทันที
ไวร์เฟรมเป็นโค้ด
ส่งไวร์เฟรมที่เสร็จแล้วไปยังการสร้างโค้ดโดยตรง — ไม่ต้องแปลงด้วยตนเอง
มีอะไรใหม่
ส่วนมีอะไรใหม่คือที่ที่คุณสามารถดูอัปเดตล่าสุด ฟีเจอร์ และประกาศสำหรับ Kaiju Hub AI เมื่อมีอัปเดตใหม่ คุณจะได้รับการแจ้งเตือนเพื่อไม่พลาดการเปลี่ยนแปลงที่สำคัญ ตรวจสอบที่นี่เป็นประจำเพื่อติดตามฟีเจอร์ใหม่ การแก้ไขบั๊ก และการปรับปรุง
Block Library
Block Library คือระบบบล็อกบริบทของ Kaiju Hub AI ให้คุณเพิ่ม จัดเก็บ และจัดการบล็อกบริบทที่นำกลับมาใช้ได้ เช่น เอกสาร API ตัวอย่างโค้ด และอื่นๆ คุณสามารถสร้างและจัดเก็บบล็อกเพื่อใช้ภายหลัง จากนั้นส่งไปยัง AI โดยตรงเมื่อคุณต้องการเป็นบริบทสำหรับการสร้างโค้ด
ประเภทเนื้อหาที่รองรับ
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL shaders, Markdown, ข้อความธรรมดา รูปภาพ และวิดีโอ
การสร้างกลุ่ม
Block Library จัดระเบียบบล็อกเป็นกลุ่ม กลุ่มช่วยให้คุณจัดหมวดหมู่และจัดการบล็อกที่เกี่ยวข้องด้วยกัน
สร้างกลุ่มใหม่
คลิกปุ่ม "สร้างกลุ่มใหม่" เพื่อเปิดหน้าต่างสร้างกลุ่ม เลือกหมวดหมู่ พิมพ์ชื่อกลุ่ม แล้วคลิก "สร้างกลุ่ม" เพื่อเพิ่ม
เพิ่มเนื้อหาลงกลุ่ม
เมื่อสร้างกลุ่มแล้ว คุณสามารถลากและวางไฟล์หรือวางเนื้อหาโดยตรงลงในกลุ่มเพื่อเติมบล็อก
การสร้างบล็อก
คลิก "สร้างบล็อกใหม่" เพื่อเปิดมุมมองตัวสร้างบล็อก จากนั้นคุณมีสามวิธีในการเพิ่มเนื้อหา:
ป้อนข้อมูลด้วยตนเอง
เขียนหรือแก้ไขเนื้อหาบล็อกด้วยตนเองในมุมมองตัวสร้าง
วางเนื้อหา
วางโค้ด ข้อความ หรือเนื้อหาอื่นโดยตรงในตัวสร้างบล็อก
สร้างด้วย AI
ใช้ AI สร้างเนื้อหาบล็อก รองรับ React, GLSL shaders, Svelte, HTML, Vue, Angular, Solid.js และ CSS
การสร้างบล็อกด้วย AI
เมื่อใช้ AI สร้างบล็อก คุณสามารถสร้างเนื้อหาหลากหลายประเภท นอกจากโค้ดแล้ว คุณยังสามารถสร้างรูปภาพโดยใช้ MediaGen หรือในเครื่องโดยใช้ CompanyUI และสร้างวิดีโอได้ด้วย
แก้ไขโดยตรงด้วย AI
แก้ไขรายการบล็อกที่มีอยู่โดยตรงด้วย AI ให้คำแนะนำแล้ว AI จะแก้ไขเนื้อหาในที่
สร้างรูปแบบต่างๆ
ป้อนพรอมต์และระบุจำนวนรูปแบบที่ต้องการ AI จะสร้างเวอร์ชันทางเลือกหลายแบบของเนื้อหาบล็อกตามพรอมต์ของคุณ
การใช้บล็อก
จัดเก็บบริบท
บันทึกเอกสาร API ตัวอย่างโค้ด ข้อมูลอ้างอิงการออกแบบ และบล็อกบริบทอื่นๆ เพื่อนำกลับมาใช้ข้ามโปรเจกต์
สร้างสื่อ
สร้างและจัดเก็บรูปภาพ วิดีโอ และสื่อสินทรัพย์อื่นๆ โดยตรงภายใน Block Library
ส่งไปยัง AI
แนบบล็อกที่จัดเก็บไว้เป็นบริบทเมื่อทำงานกับ AI — ให้ข้อมูลที่จำเป็นอย่างแม่นยำเพื่อสร้างโค้ดที่ถูกต้อง
Reverse Engineering
Reverse Engineering คือเครื่องมือแปลงรูปภาพเป็นโค้ดและรูปภาพเป็นไวร์เฟรมด้วย bounding-box ของ Kaiju Hub AI อัปโหลดรูปภาพ UI ใดก็ได้ วาดหรือตรวจจับ bounding box รอบองค์ประกอบอัตโนมัติ กำหนดพฤติกรรมให้แต่ละกล่อง (เช่น เปิด modal, นำทางไปยังส่วนต่างๆ) และสร้างโค้ดที่ใช้งานได้หรือเลย์เอาต์ไวร์เฟรมจากรูปภาพที่มีคำอธิบาย
การกำหนด Bounding Box
วาดหรือตรวจจับ bounding box อัตโนมัติรอบองค์ประกอบ UI ในรูปภาพใดก็ได้ จากนั้นกำหนดพฤติกรรมแบบโต้ตอบให้แต่ละกล่อง
เอาต์พุตคู่
แปลงรูปภาพที่มีคำอธิบายเป็นโค้ดคอมโพเนนต์ที่ใช้งานได้สำหรับเฟรมเวิร์กเป้าหมาย หรือส่งออกเป็นเลย์เอาต์ไวร์เฟรมสำหรับแก้ไขเพิ่มเติม