→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
CSS Skeleton Loading Screen Prompt
البرومبت
Act as a senior front-end developer with 5+ years of experience in CSS animations. Create a detailed step-by-step guide for implementing a skeleton loading screen using pure CSS. Include [BACKGROUND_COLOR], [ANIMATION_DURATION], and [CONTENT_PLACEHOLDER_STYLE] as customizable variables. Explain how to structure the HTML skeleton elements, apply shimmering gradient animations, and ensure responsiveness across devices. Provide best practices for performance optimization and graceful degradation for older browsers. Use clear code examples with comments for each critical section.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.