frontend-design
تصميم واجهات أمامية مميزة
Également disponible depuis: sickn33,7Spade,CesarAugustusGroB,am-will,1bertogit,1bertogit,7Spade,davila7,DennisLiuCk,92Bilal26,anthropics,YYH211,pbakaus,92Bilal26,ZhanlinCui,Azeem-2,AdamAugustinsky,AgentWorkforce,AJV009,anthropics
التصاميم التي ينتجها الذكاء الاصطناعي غالباً ما تبدو متشابهة. هذا الدليل يساعد في إنشاء واجهات أمامية لا تُنسى وجاهزة للإنتاج مع خيارات جمالية جريئة وتشطيب بصري استثنائي.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "frontend-design". إنشاء قسم بطل مميز لمحفظة وكالة تصميم
Résultat attendu:
- مكون React مع تأثيرات كتلة التدرج الجوي
- تحريكات متتالية للعنوان/العنوان الفرعي/دعوة الإجراء باستخدام Framer Motion
- pairing طباعة مميز (عرض نوع الخط Syne مع جسم IBM Plex Sans)
- تأثيرات الزجاج الشكلي وطبقات نسيج الضوضاء
- تخطيط متجاوب مع التفاعلات اللمسية
Utilisation de "frontend-design". تصميم صفحة هبوط لشركة تكنولوجيا مالية ناشئة بجماليات جريئة
Résultat attendu:
- تصميم الوضع الداكن مع ألوان التمييز النابضة
- بطاقات زجاجية مخصصة مع تأثير التمويه الخلفي
- تحريكات الكشف عند التمرير
- أنماط هندسية مميزة وتدرجات لونية
- حالات التفاعل مع تأثيرات التكبير
Audit de sécurité
SûrThis is a pure documentation/guidance skill containing only design best practices, CSS examples, and React component templates. No executable code, system commands, network calls, or filesystem access. All static findings are false positives from pattern-matching on documentation content.
Facteurs de risque
🌐 Accès réseau (2)
📁 Accès au système de fichiers (1)
Score de qualité
Ce que vous pouvez construire
إنشاء مكونات ويب لا تُنسى
بناء مكونات ويب ذات جماليات فريدة تختلف عن القوالب والأطر العامة
تطوير صفحات موجهة بالتصميم
إنشاء صفحات هبوط ومواقع تسويقية وعروض بصرية لهوية بصرية مميزة
بناء واجهات مشذبة
تطوير تطبيقات ذات توجه تصميمي متماسك وتنفيذ كود عالي الجودة
Essayez ces prompts
صمم قسم بطل مميز لمنتج من نوع [نوع المنتج] يتجنب الجماليات العامة للذكاء الاصطناعي مثل التدرجات اللونية الأرجوانية ونوع الخط Inter.
أنشئ مكون React مع تحريكات متتالية لنوع العنصر [نوع العنصر] باستخدام [مكتبة التحريك أو CSS].
صمم نظام طباعة ولون متماسك للعلامة التجارية/الصناعة [العلامة التجارية/الصناعة] مع الاتجاه الجمالي [الاتجاه الجمالي].
ابنِ قسم صفحة هبوط كامل للميزة/الغرض [الميزة/الغرض] مع خلفيات جوية وتأثيرات حركة وتصميم بصري لا يُنسى.
Bonnes pratiques
- التزم بالكامل باتجاه جمالي واضح بدلاً من اللعب على الآمن
- اختر خطوطاً مميزة تخلق هوية علامة تجارية لا تُنسى
- أولوية اللحظات عالية التأثير على التحريكات المبعثرة الصغيرة
Éviter
- استخدام خطوط عامة مثل Inter وRoboto أو خطوط النظام الافتراضية
- تطبيق مخططات لونية مستهلكة مثل التدرجات اللورية الأرجوانية على خلفيات بيضاء
- اتباع تخطيطات متوقعة وأنماط مكونات جاهزة