Skill
Better Layout
Mizanpaj yapısı, boşluk ve görsel hiyerarşi kur
Kurulum
https://github.com/jakubkrehel/skills/tree/main/skills/better-layout
Ne zaman devreye girer
When structuring page layouts, reviewing component spacing, or validating alignment across responsive breakpoints.
- Geliştirici
- jakubkrehel
Konumlandırma ve boşluk, herhangi bir görsel stilendirmeden önce arayüz hiyerarşisini kurar. Bu beceri o yapısal çerçeveyi oluşturur ve yeniden boyutlandırma, yerelleştirme ve RTL koşulları üzerinde doğrular.
Öne çıkanlar
- Boşluk stratejisi: içeriği tutarlı boşluklarla hiyerarşik gruplandırır (grup içinde 8px, arası 16px)
- Hizalama disiplini: tutarlı kenarlar görsel gürültüyü azaltır
- Etkileşimli öğe tasarımı: denetim öğelerin statik içerikten görsel olarak farklı olmasını sağlar
- Kademeli açıklama: gizli içeriğin bulunabilirliği için görünür göstergelerinin olduğunu doğrular
- İçerik akışı: mizanpajları doğal okuma düzeniyle uyumlu kılar (yukarıdan aşağıya, baştan sona)
Sayfaları yapılandırırken, bileşen mizanpajlarını gözden geçirirken ya da responsive breakpoint'ler üzerinde boşluğu iyileştirirken kullan. Claude Code için Agent Skill olarak kurulur.
Benzer skill'ler
Better Typography
SkillWeb tipi için okunabilirlik ve erişilebilirlik ilkeleri
Arayüz ve Tasarım
Better Interface
SkillÇok yönlü arayüz değerlendirmelerini önem sırasına göre birleştir
Arayüz ve TasarımKod İncelemeleri
Site Architecture
SkillWeb siteni yapılandır, menüler ve URL'leri tasarla
Arayüz ve TasarımPazarlama ve SEO
Yorumlar(0)
Yorum yapmak için giriş yap