มุมมองตัวสร้าง
ภาพรวมเลย์เอาต์
มุมมองตัวสร้างเป็นสภาพแวดล้อมแก้ไขสามแผงที่คุณเปิดโดยดับเบิลคลิกกลุ่มใดก็ได้ในพื้นที่คอมโพเนนต์ มีรายการบล็อกทางซ้าย ตัวแก้ไขโค้ดตรงกลาง และตัวอย่างสดทางขวา พร้อม AI Prompt Box ด้านล่าง
แผงรายการบล็อก
แผงซ้ายแสดงบล็อกทั้งหมดในกลุ่มปัจจุบัน แต่ละบล็อกแสดงตัวอย่างการ์ดพร้อมชื่อบล็อกและรายการไฟล์ที่มีหมายเลขด้านล่าง ใช้แถบเครื่องมือด้านบนเพื่อนำทางกลับ สลับระหว่างมุมมองรายการและมุมมองแยก หรือคลิกปุ่ม + เพื่อเพิ่มบล็อกใหม่
ตัวแก้ไขโค้ด
แผงกลางเป็นตัวแก้ไขโค้ดแบบแท็บที่คุณเขียนและแก้ไขเนื้อหาบล็อก แท็บจัดระเบียบตามประเภทไฟล์:
Text
เขียนเอกสาร markdown หรือเนื้อหาข้อความธรรมดาสำหรับบล็อก
HTML
แก้ไขโครงสร้าง HTML ของคอมโพเนนต์
CSS
เพิ่มสไตล์สำหรับคอมโพเนนต์
JavaScript
เพิ่มการโต้ตอบและลอจิกให้คอมโพเนนต์
ตัวอย่างสด
แผงขวาแสดงตัวอย่างสดของคอมโพเนนต์ของคุณ เมื่อคุณเพิ่ม HTML, CSS และ JavaScript ในตัวแก้ไข ตัวอย่างจะอัปเดตเพื่อแสดงผลลัพธ์ที่คอมไพล์แล้ว คุณยังสามารถลากและวางไฟล์หรือวางเนื้อหา (Ctrl+V) ลงในพื้นที่ตัวอย่างโดยตรงเพื่อเพิ่มลงในบล็อก ใช้ไอคอนรูปตาเพื่อสลับตัวอย่างและปุ่ม BG เพื่อเปลี่ยนพื้นหลังตัวอย่าง
AI Prompt Box
แถบด้านล่างคือกล่องพรอมต์ AI ใช้เพื่ออธิบายการเปลี่ยนแปลงและให้ AI สร้างหรือแก้ไขเนื้อหาบล็อกของคุณ ประกอบด้วยตัวเลือกโมเดล ช่องป้อนข้อความ การป้อนเสียงและอิโมจิ และปุ่ม สร้าง สวิตช์สองโหมด — A และ V — สลับระหว่างโหมด AI โดยตรงและโหมดรูปแบบต่างๆ
หมวดหมู่การสร้าง AI
ตัวเลือกโมเดล AI แสดงหมวดหมู่การสร้างที่กำหนดว่า AI สร้างเนื้อหาประเภทใด:
Text Gen
สร้างหรือแก้ไขเนื้อหาที่เป็นข้อความ เช่น โค้ด เอกสาร และ markup
Image Gen
สร้างรูปภาพจากพรอมต์ข้อความหรือแก้ไขรูปภาพที่มีอยู่ด้วย AI (text-to-image และ image-to-image)
Video Gen
สร้างวิดีโอจากคำอธิบายข้อความหรือทำให้ภาพนิ่งเป็นวิดีโอ (text-to-video และ image-to-video)
โหมด AI โดยตรง (A)
เมื่อสวิตช์ A เปิดใช้งาน AI จะทำการแก้ไขโดยตรงกับคอมโพเนนต์ของคุณ ข้อความในช่องแสดง "อธิบายการเปลี่ยนแปลงที่จะใช้กับคอมโพเนนต์ของคุณ" และป้ายระบุว่าไฟล์ใดจะถูกแก้ไข (เช่น "จะแก้ไข: ข้อความ") โหมดนี้เหมาะสำหรับการแก้ไขอย่างรวดเร็วและเฉพาะจุดสำหรับไฟล์ที่เลือกอยู่
โหมด Variation (V)
เมื่อสวิตช์ V เปิดใช้งาน AI จะสร้างรูปแบบต่างๆ หลายแบบของคอมโพเนนต์ของคุณแทนที่จะแก้ไขโดยตรง ข้อความในช่องจะเปลี่ยนเป็น "อธิบายรูปแบบที่คุณต้องการสร้าง" และตัวนับพร้อมปุ่มควบคุม − / + จะปรากฏขึ้นเพื่อให้คุณเลือกจำนวนรูปแบบที่จะสร้าง รูปแบบที่สร้างจะปรากฏในแผงเฉพาะที่คุณสามารถตรวจสอบและเพิ่มเวอร์ชันที่ต้องการลงในกลุ่ม