Frontend & Arayüz
design-skills · Dithered
Retro, yüksek kontrastlı ekranlar için nokta desenli gölgeleme ve sınırlı palet.
Nedir
Sınırlı bir paletten tonları simüle etmek için nokta desenleri kullanan dither arayüzler için bir kılavuz skill’i. Open Sans gövde, Space Grotesk başlık, IBM Plex Mono, mavi ve mor vurgular.
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
Tasarım için neden önemli
- Nokta desenleri degradelerin yerini alır; böylece gölgeleme, bilinçli olarak kısıtlanmış bir renk setinde ayakta kalır.
- Yüksek kontrastlı render, yüzeyler yoğun desen dokusu taşısa bile metni okunur tutar.
- Kurallar dekoratif hareketi yasaklar; retro işlemin görsel gürültüye dönüşmesini durdurur.
Neleri kapsıyor
- Brand
- Style foundations
- Rules: don’t
- Expected behavior
- Required output structure
- Quality gates
Nasıl kurulur
design-skills · Dithered
-
Depoyu klonlayın.
git clone https://github.com/bergside/awesome-design-skills -
Codex’i skill dosyasına yönlendirin.
skills/dithered/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Önce Codex’e palet sınırını söyleyin, sonra desen tabanlı gölgeleme kurallarını türetmesine izin verin.
-
Desenli yüzeylerin okunur kalması için empty, loading ve error durumlarını isteyin.
-
Bu skill’in açıkça belirttiği tıklama alanlarını ve focus durumlarını doğrulayın.
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.