مهارة
Better Layout
أسّس بنية التخطيط والتباعد والتسلسل البصري
التثبيت
https://github.com/jakubkrehel/skills/tree/main/skills/better-layout
تُفعّل عند
When structuring page layouts, reviewing component spacing, or validating alignment across responsive breakpoints.
- المؤلف
- jakubkrehel
يحدّد التموضع والتباعد تسلسل الواجهة قبل إضافة أي تنسيق بصري. تنشئ هذه المهارة ذلك الإطار البنيوي وتتحقق من سلامته عند تغيير الحجم والترجمة والعمل باتجاه من اليمين إلى اليسار.
أبرز الميزات
- استراتيجية التباعد: تجمع المحتوى هرميًا بمسافات متسقة، 8 بكسل داخل المجموعات و16 بكسل بينها.
- انضباط المحاذاة: تحافظ على حواف متسقة لتقليل التشويش البصري.
- تصميم العناصر التفاعلية: يضمن تمييز عناصر التحكم بصريًا عن المحتوى الثابت.
- الإفصاح التدريجي: يتحقق من وجود مؤشرات مرئية تساعد على اكتشاف المحتوى المخفي.
- تدفق المحتوى: يوائم التخطيطات مع أنماط القراءة الطبيعية، من الأعلى إلى الأسفل ومن جهة البداية إلى جهة النهاية.
استخدمها عند تنظيم الصفحات أو مراجعة تخطيطات المكونات أو تحسين التباعد عبر نقاط التوقف المتجاوبة. تُثبّت بوصفها Agent Skill لـ Claude Code.
مهارات مشابهة
Better Typography
مهارةمبادئ طباعة ويب واضحة وسهلة القراءة ومتاحة للجميع
الواجهات الأمامية والتصاميم
Better Interface
مهارةوحّد مراجعات الواجهات المتخصصة في نتائج مرتبة
الواجهات الأمامية والتصاميممراجعات الأكواد
Site Architecture
مهارةخطّط لهرمية الموقع وروابطه وتنقّله ونظّمها
الواجهات الأمامية والتصاميمأدوات التسويق وSEO
التعليقات(0)
سجّل الدخول للتعليق