Starcat Developer
builder ในเบราว์เซอร์ที่สร้างและแก้โค้ดของแอปหนึ่งแอปจากการสนทนา
Starcat Developer คือ builder ที่อยู่ในทุกโปรเจกต์ของ Stardeck บอกสิ่งที่คุณต้องการ แล้วมันจะเขียน UI ฐานข้อมูล ระบบเข้าสู่ระบบ และ business logic ของแอปนั้นให้
Starcat Developer เป็นตัวเลือกในเบราว์เซอร์ สำหรับตอนที่คุณติดตั้งอะไรไม่ได้ หากต้องการสร้างด้วย Claude Code, Codex หรือ Cursor บนคอมพิวเตอร์ของคุณ ให้ทำตาม เริ่มต้นอย่างรวดเร็ว ส่วน agent ที่ทำงานทั่วทั้งองค์กร ดู Starcat
agent ทำอะไรได้บ้าง
- เขียนและแก้โค้ด ออกแบบ UI และจัดการ schema ของฐานข้อมูลและ migration
- ค้นหาเอกสาร API และแหล่งอ้างอิงด้านดีไซน์บนเว็บ
- สร้างรูปภาพ (การสร้างภาพ) และหารูปสต็อก
- แบ่งงานใหญ่เป็นงานย่อยและติดตามความคืบหน้า
ตัวอย่างคำขอ:
- "เพิ่มระบบเข้าสู่ระบบและสิทธิ์ผู้ดูแล": ระบบ auth พร้อมบทบาทและ Stardeck single sign-on
- "ให้ผู้ใช้อัปโหลดไฟล์ได้": ที่เก็บไฟล์สำหรับรูปภาพ PDF และวิดีโอ
- "เพิ่มการรับชำระเงิน": Beam Checkout, Stripe Connect หรือ gateway เช่น Omise ดู การชำระเงิน
- "ส่งอีเมลแจ้งเตือน": ดู อีเมล
- "สร้างเว็บไซต์ปัจจุบันของฉันใหม่": ทำเว็บไซต์ที่มีอยู่ซ้ำด้วยดีไซน์ใหม่
ฟอร์มคำถาม
เมื่อ agent ต้องการข้อมูลจากคุณ มันจะแสดงฟอร์มแทนคำถามข้อความธรรมดา ประกอบด้วยการ์ดให้เลือกด้วยภาพ ช่องทำเครื่องหมาย dropdown ช่องกรอกข้อความ และตัวเลือกกำหนดเอง ทุกฟอร์มมีช่องหมายเหตุให้กรอกหรือไม่ก็ได้
preview ภาพแบบสด
ก่อนเขียนโค้ด agent จะเรนเดอร์ HTML preview จริงในแชต คุณเลื่อนและเอาเมาส์ชี้ได้ agent ใช้สิ่งนี้ถามเรื่องทิศทางดีไซน์ แสดงตัวอย่างฟีเจอร์ และเทียบเลย์เอาต์เคียงข้างกัน ชี้ไปที่สิ่งที่คุณอยากให้เปลี่ยนได้เลย
Model
Starcat Developer ทำงานบน Claude Sonnet 5.5 ไม่ต้องเลือกโมเดลหรือระดับใดๆ แต่ละข้อความนับรวมใน AI usage ของแพ็กเกจคุณตามงานที่ต้องทำ การแก้เล็กน้อยจึงใช้น้อยกว่าฟีเจอร์ใหญ่
Ultra
Ultra อยู่บนสุดของตัวเลือกโหมด เป็นโหมด Agent กำลังเต็มสูบสำหรับการเปลี่ยนแปลงใหญ่ที่ต้องสร้างและตรวจสอบให้เสร็จในการทำงานรอบเดียว ดู Starcat Developer Ultra
ขั้นตอนที่แนะนำ
- วางแผนก่อน สำหรับแอปใหม่หรือฟีเจอร์ใหญ่ ให้ใช้โหมด Plan ตกลงความต้องการ preview และเฟสงานให้ชัด
- สร้างตามแผน อนุมัติแผน แล้วสลับไปโหมด Agent (หรือ Ultra สำหรับการเปลี่ยนแปลงใหญ่ที่ระบุรายละเอียดครบแล้ว)
- ปรับแต่งทีละน้อย การแก้เล็กๆ และการเปลี่ยนข้อความทำได้ถูกและเร็ว
การอัปโหลดไฟล์
อัปโหลดไฟล์ในแชตได้ เช่น โลโก้ รูปแบรนด์ รูปถ่าย PDF สเปรดชีต และภาพหน้าจอของดีไซน์ รองรับรูปภาพ (PNG, JPG, SVG, WebP) และเอกสาร (PDF, CSV, TXT) ทั่วไป
- อัปโหลดไฟล์แบรนด์ตั้งแต่เนิ่นๆ เพื่อให้ agent ใช้ในทุกดีไซน์
- agent มองเห็นรูปภาพได้ แชร์ภาพหน้าจอของบั๊ก mockup ที่ต้องการให้สร้าง หรือเว็บไซต์ที่คุณชอบ
- รูปที่อัปโหลดใช้เป็นภาพอ้างอิงสำหรับ การสร้างภาพ ได้
การนำเข้าข้อมูล
หากต้องการนำเข้าข้อมูลที่มีอยู่ (สินค้า ลูกค้า เมนู บทความ):
- ส่งออกเป็น CSV หรือสเปรดชีตที่มีหัวคอลัมน์ชัดเจน
- ลากไฟล์เข้าแชต แล้วบอกว่าเป็นข้อมูลอะไร: "นี่คือแค็ตตาล็อกสินค้าของฉัน แต่ละแถวคือสินค้าหนึ่งรายการ มีชื่อ ราคา คำอธิบาย และหมวดหมู่"
- agent จะแสดงว่าจะจับคู่คอลัมน์กับฐานข้อมูลของคุณอย่างไร ยืนยันหรือแก้ไข
- จากนั้นมันจะโหลดข้อมูลเข้าไป
สำหรับการนำเข้าขนาดใหญ่ ให้เริ่มจากตัวอย่างเล็กๆ ก่อน
เคล็ดลับ
- ใช้ภาษาธรรมดาได้เลย "ทำให้ header ติดอยู่ด้านบนเมื่อเลื่อนหน้า" ก็เพียงพอ
- ระบุให้ชัด: "เพิ่มฟอร์มติดต่อที่มีชื่อ อีเมล และข้อความ แล้วส่งอีเมลมาหาฉัน" ดีกว่า "เพิ่มฟอร์ม"
- ถามเมื่อไม่แน่ใจ: "เว็บไซต์ของฉันขาดอะไรอยู่" หรือ "ฉันรับชำระเงินที่นี่ได้ไหม"
- ตอบคำถามของ agent ด้วยรายละเอียด ไม่ใช่ "เหมือนเดิมๆ"
- สร้างทีละฟีเจอร์ และปรับแต่งหลังจากเห็นผลลัพธ์
