Frontend & Arayüz
Border Gradients
Kartlar, paneller ve navigasyon çubukları için rafine degrade kenarlar.
Nedir
Bir yüzey detayı skill’i: kartlar, fiyat panelleri, navigasyon çubukları, modal’lar, butonlar ve hero yüzeyleri için gürültüsüz, ince degrade kenar işlemeleri.
Apply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a refined edge highlight without a loud glow.
Tasarım için neden önemli
- Sıradan çerçeveli bir kutuyu sofistike bir yüzeyden ayıran şey kenar işlemesidir.
- Zevk kurallarını kodlar; efekt neona kaymadan ince kalır.
- Tailwind kısayoluyla gelir; mevcut stack’e olduğu gibi düşer.
Neleri kapsıyor
- Use when
- Defaults
- Simple CSS pattern
- Masked pattern
- Tailwind shortcut
- Taste rules
Nasıl kurulur
Border Gradients
-
Depoyu klonlayın.
git clone https://github.com/MengTo/Skills -
Codex’i skill dosyasına yönlendirin.
agent-skills/web-design/css-border-gradient/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Depoyu klonlayın ve Codex’i bu skill dosyasına yönlendirin.
-
Bileşeni isteyin; kenar işlemesini skill sağlar.
-
Yüzeye göre basit ya da maskeli deseni seçin.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.