frontend-design
تصميم واجهات أمامية مميزة
Également disponible depuis: sickn33,7Spade,CesarAugustusGroB,am-will,1bertogit,1bertogit,7Spade,DennisLiuCk,92Bilal26,anthropics,YYH211,pbakaus,92Bilal26,ZhanlinCui,Azeem-2,AdamAugustinsky,AI-Vibe-Prompts,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:
- تنتج تصميمًا مصقولًا مع مجموعة طباعة متطورة
- تستخدم لوحة ألوان متماسكة بلمسات ذهبية/فلزية
- تتضمن انتقالات تحويم سلسة وتأثيرات حركة دقيقة
- تخلق تسلسلًا بصريًا يوجه الانتباه إلى المعلومات الرئيسية
Utilisation de "frontend-design". تصميم صفحة هولanding لمؤسسة إبداعية
Résultat attendu:
- تنتج تصميمًا جريءًا لا يُنسى بهوية بصرية مميزة
- تستخدم تخطيطات غير متوقعة وتكوينًا مكانيًا إبداعيًا
- تطبق نظام طباعة فريدًا يتميز بالشخصية
- تضيف خلفيات جوية وعمقًا بصريًا
Audit de sécurité
SûrThis is a pure prompt-based skill containing only design guidelines and implementation instructions. No executable code, scripts, network calls, file system access, or command execution capabilities. The static scanner flagged SHA-256 hash strings in metadata and legitimate URLs as security issues - all findings are false positives. This skill provides behavioral guidance only.
Facteurs de risque
🌐 Accès réseau (1)
Score de qualité
Ce que vous pouvez construire
بناء مكونات ويب إبداعية
إنتاج مكونات React أو Vue أو JS خام مميزة بجماليات فريدة ورسوم متحركة مصقولة.
نماذج مفاهيمية بصرية
إنتاج نماذج أولية سريعة لمفاهيم واجهة جذابة تتجنب أنماط التصميم المتوقعة.
تصميم صفحات الهبوط
بناء صفحات هبوط لا تُنسى بتخطيطات إبداعية وطباعة وتأثيرات حركة.
Essayez ces prompts
استخدم مهارة تصميم الواجهة الأمامية لإنشاء بطاقة تسعير لمنتج SaaS بجماليات فاخرة. قم بتضمين طباعة فريدة ونظام لوني متماسك باللون الذهبي مع رسوم متحركة خفيفة عند التحويم.
استخدم مهارة تصميم الواجهة الأمامية لبناء صفحة هبوط لتطبيق جوال. التزم بجماليات البرتالية الجريئة مع طباعة ضخمة ومسافات دراماتيكية.
استخدم مهارة تصميم الواجهة الأمامية لإنشاء لوحة تحكم تحليلية بالحدسية الراقية. ركز على الدقة والتفاصيل الدقيقة والتسلسل الهرمي الواضح للمعلومات.
استخدم مهارة تصميم الواجهة الأمامية لتصميم نموذج تسجيل بجماليات مرحة تشبه الألعاب. قم بتضمين تفاعلات دقيقة غير متوقعة ونظام لوني مميز.
Bonnes pratiques
- حدد اتجاهًا جماليًا واضحًا قبل الترميز والتزم به بالكامل
- استخدم متغيرات CSS لموضوعات متسقة وتخصيص سهل
- ركز على لحظات بصرية ذات تأثير عالي بدلاً من تفاعلات دقيقة متفرقة
Éviter
- استخدام خطوط عامة مثل Arial أو Inter دون مبرر تصميمي متعمد
- تطبيق تدرجات أرجوانية متوقعة دون التزام إبداعي
- إنشاء تخطيطات تتبع أنماطًا متوقعة دون اهتمام بصري