Frontend & Arayüz
minimalist-ui
Düz bento ızgaralarıyla sıcak monokrom editoryal arayüzler kurar.
Nedir
Belge tarzı minimal arayüzler için bir frontend protokolü. Sıcak bir monokrom palet, serif ve mono tipografik hiyerarşi, 1px kenarlıklı bento kartları ve soluk pastel vurguları sabitler.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Tasarım için neden önemli
- Her kart ve ayırıcı, keskin bir radius’la tek bir 1px açık gri kenarlık kullanır.
- Vurgular yalnızca etiketler ve satır içi kod için ayrılmış dört soluk pastelden gelir.
- Bölümler, düz boş arka planlar yerine düşük opaklıklı görsellerden derinlik kazanır.
Neleri kapsıyor
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Nasıl kurulur
minimalist-ui
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/minimalist-skill/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Bir sayfa isteyin; skill önce py-24 ya da py-32 makro boşluğunu kurar.
-
Yazı genişliğini max-w-4xl’le sınırlar ve monokrom değişkenleri hemen uygular.
-
Scroll’la beliren solmalar yalnızca transform ve opacity üzerinde IntersectionObserver’la çalışır.
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.