SuperDesign — agen desain AI yang digunakan di dalam IDE
(github.com/superdesigndev)- Cursor for design - agen desain open-source yang berjalan di dalam IDE
- Melalui prompt bahasa alami, dapat langsung membuat mockup UI, komponen, dan wireframe
- Kompatibel sempurna dengan Cursor, Windsurf, Claude Code, VS Code, dan lainnya (dipasang sebagai ekstensi)
Fitur utama
- Product Mock: menghasilkan seluruh layar UI secara otomatis hanya dengan satu baris prompt
- UI Components: membuat komponen yang dapat digunakan ulang dan memungkinkan penyisipan kode
- Wireframes: menyediakan wireframe resolusi rendah untuk iterasi cepat
- Fork & Iterate: fitur untuk menyalin dan mengembangkan desain
- Prompt-to-IDE: mengirim prompt yang dibuat langsung ke IDE (Cursor, Windsurf, Claude Code, dan lainnya)
- Semua desain yang dihasilkan disimpan di direktori lokal
.superdesign/
Integrasi langganan Claude Code / Cursor
- Setelah inisialisasi SuperDesign, aturan Cursor/Claude Code ditambahkan secara otomatis, sehingga mendukung prompt desain dan pratinjau
- Saat menggunakan Cursor: salin prompt ke file
design.mdcdan buat Custom Mode dengan system prompt yang sama di Cursor untuk meningkatkan performa - Video referensi: Instruction Video
3 komentar
Superdesign: Configure Anthropic API key
Apakah kita perlu membayar terpisah lagi untuk
claude api?Ya, untuk sementara memang begitu. Atau bisa juga sekadar mencobanya dengan openroute deepseek.
Tidak bisa login dengan akun?