Tasarım Sistemleri
Glass Dark Mode Clock
Dairesel bir kalibrasyon kadranı etrafında kurulu koyu buzlu yüzeyler.
Nedir
Saat benzeri bir kadran üzerine merkezlenmiş koyu cam bir yön: ışın ızgaralı neredeyse siyah bir taban, buzlu navigasyon kapsülleri ve katmanlı bir halka ile tik merkez parçası.
Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.
Tasarım için neden önemli
- Baskın bir kadran, dekoratif bir widget olarak durmak yerine düzeni sabitler.
- Işın çizgileri ve artı işaretleri kadrana hizalanır; kalibrasyon mantığını pekiştirir.
- Monokrom palet, parlaklığın doygun vurgulardan değil, cam vurgularından geldiği anlamına gelir.
Neleri kapsıyor
- Scope
- Visual target
- Implementation guidance
- Recommended patterns
- Tuning knobs
- Avoid
Nasıl kurulur
Glass Dark Mode Clock
-
Depoyu klonlayın.
git clone https://github.com/MengTo/Skills -
Codex’i skill dosyasına yönlendirin.
agent-skills/web-design/glass-dark-mode-clock/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Neredeyse siyah bir taban artı soluk ızgara ve ışın kılavuzlarıyla başlayın.
-
Navigasyonu, hapları ve butonları 1px vurgu sarmalayıcılı koyu cam kapsüller olarak kurun.
-
Kadranı katmanlayın: dış halka, tikler, dönen etiketler, merkez amblem.
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.