Tailwind ile Şık Admin Dashboard Kodla!
Yazılım & Kodlama23.07.2026

Tailwind ile Şık Admin Dashboard Kodla!

Tailwind ile Şık Admin Dashboard Kodla! için hazırlanan teknik not, renk paleti, ton ve kontrast ilişkisi üzerinden ilerliyor ve çağdaş noktasında kontrol istiyor. Claude aracında üretim yaparken varsayımları açıkça işaretleyin.

Claude◉ 5 görüntülenme↗ 0 kopya
Prompt Komutu
You are an expert full-stack developer specializing in modern UIs. Generate a complete, single HTML file for a professional admin dashboard using Tailwind CSS via CDN (no build tools needed). Make it fully responsive for mobile/desktop, with dark mode toggle, sidebar navigation, top navbar, and main content area. Key requirements: - Theme: Modern, clean design with [PRIMARY COLOR SCHEME]. - Pages/Sections in sidebar: [SECTİONS LİKE DASHBOARD USERS]. - Features: Charts (use Chart.js CDN for sample data viz), data table with search/sort (use vanilla JS or lightweight lib), cards with metrics, recent activity feed. - Include: Hero dashboard with stats, collapsible sidebar, notifications bell, user profile dropdown. - Make it interactive: Hover effects, modals, form examples. - Optimize for production: Semantic HTML, accessible, fast loading. Output ONLY the full code as plain text, ready to save as index.html and open in browser. No explanations.
#prompt#yazilim-kodlama#claude#gelistirme#yazilim

Topluluk görüşleri

Yorum yapmak için giriş yap.

EDİTÖR NOTU

Bu promptu daha iyi kullanın

Hazırlayan: Beterbocek

Editör değerlendirmesi

Bu değerlendirme prompt metnindeki yapı, değişkenler ve hedef çıktı incelenerek hazırlanmıştır. Canlı model sonucu garanti etmez.

Ne işe yarar?

Tailwind ile Şık Admin Dashboard Kodla! çalışmasını Claude içinde yürütürken ışık yönü, gölge ve pozlama kararları konusunu netleştirir ve kodlama ve otomasyon sonucu için uygulanabilir bir başlangıç oluşturur.

Kimler kullanmalı?

Yazılım & Kodlama alanında Tailwind ile Şık Admin Dashboard Kodla! ile çalışan; ışık yönü, gölge ve pozlama kararları üzerinde çalışarak daha tutarlı bir kodlama ve otomasyon sonucu almak isteyen kullanıcılar için uygundur.

Nasıl uygulanır?

1) PRIMARY COLOR SCHEME, SECTİONS LİKE DASHBOARD USERS alanlarını kendi bağlamınıza göre doldurun.
2) Promptu Claude içinde çalıştırın ve ilk sonucu kaydedin.
3) renk paleti, ton ve kontrast ilişkisi açısından eksik veya belirsiz noktaları işaretleyin.
4) Yalnızca gerekli alanları değiştirerek ikinci çıktıyı karşılaştırın.

Örnek girdi

Konu: Tailwind ile Şık Admin Dashboard Kodla!
Çalışma amacı: kodlama ve otomasyon
Ana odak: ışık yönü, gölge ve pozlama kararları
Değişkenler: PRIMARY COLOR SCHEME, SECTİONS LİKE DASHBOARD USERS
Tercih: [ton, format, stil veya kapsam]

Beklenen çıktı

Tailwind ile Şık Admin Dashboard Kodla! için kodlama ve otomasyon formatında; ışık yönü, gölge ve pozlama kararları ve renk paleti, ton ve kontrast ilişkisi dikkate alınarak düzenlenmiş, kontrol edilebilir bir ilk çıktı.

Sınırlamalar

Bu akış Tailwind ile Şık Admin Dashboard Kodla! için bir başlangıç taslağı üretir. Yazılım & Kodlama alanındaki güncel bilgi, telif, marka, güvenlik ve uzmanlık gerektiren noktalar kullanılmadan önce ayrıca doğrulanmalıdır.