Tasarım Sistemleri
Beautiful Shadows
Nötr katmanlı yükseklik için üç hazır Tailwind gölge yardımcısı.
Nedir
Üç güçte kesin Tailwind serbest gölge sınıflarından oluşan bir set. Her biri, Tailwind’in varsayılan gölge ölçeği yerine birkaç düşük opaklıklı nötr katmanı üst üste yığar.
Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows wit
Tasarım için neden önemli
- Yükseklik nötr kalır; alttaki yüzeyi renklendiren renkli bir parıltı olmaz.
- Üç sabit güç sırasıyla kontrollere, kartlara ve hero medyasına eşlenir.
- Üst üste yığılmış düşük opaklıklı katmanlar, tek bir künt gölge yerine gerçek derinlik olarak okunur.
Neleri kapsıyor
- Use when
- Shadow utilities
- Examples
- Usage rules
- Avoid
Nasıl kurulur
Beautiful Shadows
-
Depoyu klonlayın.
git clone https://github.com/MengTo/Skills -
Codex’i skill dosyasına yönlendirin.
agent-skills/web-design/beautiful-shadows/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Codex’ten md yardımcısını kartlara, panellere ve popover’lara uygulamasını isteyin.
-
lg yardımcısını hero medyası ve modal benzeri kapsayıcılar için ayırın.
-
Her gölgeyi temiz bir yüzey dolgusu ve tutarlı bir radius ile eşleştirin.
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.