SuperDesign — เอเจนต์ออกแบบด้วย AI ที่ใช้งานภายใน IDE
(github.com/superdesigndev)- 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 ความคิดเห็น
Superdesign: Configure Anthropic API key
หมายความว่าต้องจ่ายค่า API ของ Claude แยกต่างหากอีกใช่ไหม?
ใช่ ตอนนี้ก็ประมาณนั้นครับ ไม่ก็ลองชิมลางผ่าน openroute deepseek ได้เหมือนกันครับ
ล็อกอินแล้วใช้บัญชีไม่ได้เหรอ?