css-layout-helper
Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
معلومات المصدر
- المستودع
- proflead/codex-skills-library
- آخر نشاط في المصدر
- ١٢ يناير ٢٠٢٦ في ١٦:١٢
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ١٥٤
- التفرعات
- ٣٤
خيارات التثبيت
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
مراجعة ملفات المصدر
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
عرض SKILL.md
SKILL.md
تعليمات المصدر · معاينة للقراءة فقط- name
- css-layout-helper
- description
- Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
# CSS Layout Helper
## Purpose
Explain CSS layout issues and propose fixes.
## Inputs to request
- HTML structure and CSS snippet.
- Desired layout and screenshots.
- Target browsers and breakpoints.
## Workflow
1. Identify the container and child roles.
2. Recommend flex or grid with key properties.
3. Provide a minimal CSS snippet to test.
## Output
- Proposed CSS changes with explanation.
## Quality bar
- Prefer minimal changes over rewrites.
- Call out responsive implications.
عرض على GitHub