21st.dev Magic

Tasarım

Neotask üzerinde OpenClaw ile anında cilalı UI bileşenleri oluşturun

Neler Yapabilirsiniz

Neotask, OpenClaw aracılığıyla 21st.dev Magic UI bileşen platformuna bağlanarak bileşen üretimi, arama ve özelleştirmeyi sohbet yoluyla yapmanızı sağlar.

Bileşen Üretimi

Doğal dil açıklamalarından üretime hazır React ve Tailwind CSS bileşenleri oluşturun. Düzen, renkler ve etkileşimler dahil tam işlevsel kodlar alın.

Bileşen Kütüphanesi

Önceden oluşturulmuş, özelleştirilebilir bileşen şablonlarını arayın ve göz atın. Düğmeler, kartlar, formlar, navigasyonlar ve daha fazlası için hazır çözümler bulun.

Tasarım Yinelemesi

Doğal dil geri bildirimi ile bileşenler üzerinde yineleyin. "Daha fazla dolgu ekle", "rengi değiştir" veya "mobil uyumlu yap" gibi talimatlarla anında güncellemeler alın.

Her eylem otonom olarak çalışır veya onayınızı gerektirir — siz karar verirsiniz.

Sormayı Deneyin

  • "Profil fotoğrafı, ad ve e-posta içeren bir kullanıcı kartı bileşeni oluştur"
  • "Hamburger menülü responsive bir navigasyon barı oluştur"
  • "Kütüphanede fiyatlandırma tablosu bileşeni ara"
  • "Bu bileşenin renklerini koyu temaya uyarla"
  • "Bir iletişim formu bileşeni oluştur: ad, e-posta ve mesaj alanları ile"
  • "Bu düğme bileşenine yükleme animasyonu ekle"

    • İpuçları

  • Bileşen açıklamalarında mümkün olduğunca spesifik olun — daha iyi sonuçlar alırsınız.
  • Kütüphane aramasını kullanarak sıfırdan oluşturmak yerine mevcut şablonları özelleştirin.
  • Yinelemeli geri bildirimle bileşenleri adım adım geliştirin.
  • Oluşturulan bileşenleri kendi tasarım sisteminize entegre edin.
  • React ve Tailwind en iyi uygulamalarını bileşen taleplerinizde belirtin.

    • Works Well With