Keşfet'e dön
React Bileşeni Üret ve Açıkla — AI ile üretilmiş kapak görseli
AI üretimi

React Bileşeni Üret ve Açıkla

Kıdemli bir React geliştirici gibi davranarak, TypeScript ve Tailwind ile erişilebilir, yeniden kullanılabilir bir bileşen üretir ve tasarım kararlarını açıklar.

20 kopyalama 47 görüntülenme 0 beğeni 0 kayıt
Prompt Metni
Act as a senior React engineer. Create a reusable, accessible [COMPONENT] component using TypeScript and Tailwind CSS. Include prop types, sensible defaults, keyboard accessibility, and JSDoc comments. Then explain your design decisions in bullet points.
Paylaş

Ne İşe Yarar?

İstediğiniz UI bileşenini tip güvenli ve erişilebilir şekilde kodlar, ardından mantığını açıklar.

Nasıl Kullanılır?

[COMPONENT] yerine ihtiyacınızı yazın (ör: "a modal dialog", "a searchable dropdown").

Beklenen Sonuç

Açıklamalı, kullanıma hazır TypeScript React bileşen kodu.

En İyi Kullanım Alanları

Hızlı prototipleme, öğrenme, kod inceleme.

Önerilen Ayarlar

Claude/GPT: uzun çıktı için yüksek token limiti verin.

İyileştirme İpuçları

Kendi kodlama standartlarınızı (ESLint kuralları, dosya yapısı) prompta ekleyin.

Kimler İçin Uygun?

Frontend geliştiriciler, öğrenciler.

Yazılım geliştirme rol-based prompt kalıplarından uyarlandı. Son kontrol: 10 Ağustos 2026

Yorumlar (0)

Yorum yapabilmek için hesabınıza giriş yapmalısınız.

Giriş Yap
Genel Puan89
Grafik yükleniyor...
Kalite93
Tutarlılık92
Yaratıcılık80
Kullanılabilirlik90
Netlik91
Etkileşim84
Trend82
Özgünlük81
Uyumluluk90