19 คะแนน โดย xguru 2025-08-26 | 3 ความคิดเห็น | แชร์ทาง WhatsApp
  • Cursor for design - เอเจนต์ออกแบบโอเพนซอร์ส ที่ทำงานภายใน IDE
  • สามารถสร้าง UI mockup, คอมโพเนนต์, ไวร์เฟรม ได้ทันทีผ่านพรอมป์ภาษาธรรมชาติ
  • รองรับการทำงานร่วมกับ Cursor, Windsurf, Claude Code, VS Code เป็นต้น ได้อย่างสมบูรณ์แบบ (ติดตั้งเป็นส่วนขยาย)

ฟีเจอร์หลัก

  • Product Mock: สร้างหน้าจอ UI ทั้งหมดแบบอัตโนมัติด้วยพรอมป์เพียงบรรทัดเดียว
  • UI Components: สร้างคอมโพเนนต์ที่นำกลับมาใช้ซ้ำได้และสามารถแทรกโค้ดได้
  • Wireframes: มีไวร์เฟรมความละเอียดต่ำสำหรับการทำ iteration อย่างรวดเร็ว
  • Fork & Iterate: ฟีเจอร์สำหรับคัดลอกและต่อยอดการออกแบบ
  • Prompt-to-IDE: ส่งพรอมป์ที่สร้างไว้ไปยัง IDE (Cusor, Windsurf, Claude Code เป็นต้น) ได้ทันที
  • งานออกแบบที่สร้างทั้งหมดจะถูกบันทึกไว้ใน ไดเรกทอรีภายในเครื่อง .superdesign/

การเชื่อมต่อการสมัครใช้งาน Claude Code / Cursor

  • หลังจากเริ่มต้น SuperDesign แล้ว จะมีการ เพิ่มกฎของ Cursor/Claude Code โดยอัตโนมัติ เพื่อรองรับพรอมป์ด้านการออกแบบและการแสดงตัวอย่าง
  • เมื่อใช้ Cursor: คัดลอกพรอมป์ไปยังไฟล์ design.mdc และสร้าง Custom Mode ใน Cursor ด้วย system prompt เดียวกันเพื่อเพิ่มประสิทธิภาพ
  • วิดีโออ้างอิง: Instruction Video

3 ความคิดเห็น

 
bluekai17 2025-08-26

Superdesign: Configure Anthropic API key
หมายความว่าต้องจ่ายค่า API ของ Claude แยกต่างหากอีกใช่ไหม?

 
liooil 2025-08-29

ใช่ ตอนนี้ก็ประมาณนั้นครับ ไม่ก็ลองชิมลางผ่าน openroute deepseek ได้เหมือนกันครับ

 
shakespeares 2025-08-26

ล็อกอินแล้วใช้บัญชีไม่ได้เหรอ?