Frontend Glassmorphism Skill

Bu skill, modern SaaS landing page ve UI bileşenlerini glassmorphism estetiğiyle üretmek için kurallar ve şablonlar sağlar.

Ne zaman kullanılır?

• “Landing page”, “hero”, “pricing”, “features”, “navbar”, “CTA”, “dashboard UI” gibi isteklerde
• “3D glassmorphism”, “blur”, “frosted glass”, “neon”, “soft shadow”, “premium UI” gibi ifadeler geçtiğinde
• UI üretimi istenirken tasarım dili + kod kalitesi birlikte istendiğinde

Çıktı hedefleri

1. Görsel kalite: premium, yormayan, modern
2. Okunabilirlik: kontrast, tipografi, spacing
3. Uygulanabilir kod: React/Next.js + Tailwind ile copy/paste çalışır
4. Performans: blur ve gölgeler ölçülü, gereksiz animasyon yok
5. Erişilebilirlik: buton/Link states, focus ring, semantik yapı