frontend-design
تصميم واجهات أمامية مميزة
也可從以下取得: davila7,1bertogit,DennisLiuCk,Azeem-2,92Bilal26,YYH211,AJV009,7Spade,7Spade,92Bilal26,AdamAugustinsky,anthropics,AgentWorkforce,1bertogit,anthropics,CesarAugustusGroB
التصاميم التي ينتجها الذكاء الاصطناعي غالباً ما تبدو متشابهة. هذا الدليل يساعد في إنشاء واجهات أمامية لا تُنسى وجاهزة للإنتاج مع خيارات جمالية جريئة وتشطيب بصري استثنائي.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「frontend-design」。 إنشاء قسم بطل مميز لمحفظة وكالة تصميم
預期結果:
- مكون React مع تأثيرات كتلة التدرج الجوي
- تحريكات متتالية للعنوان/العنوان الفرعي/دعوة الإجراء باستخدام Framer Motion
- pairing طباعة مميز (عرض نوع الخط Syne مع جسم IBM Plex Sans)
- تأثيرات الزجاج الشكلي وطبقات نسيج الضوضاء
- تخطيط متجاوب مع التفاعلات اللمسية
正在使用「frontend-design」。 تصميم صفحة هبوط لشركة تكنولوجيا مالية ناشئة بجماليات جريئة
預期結果:
- تصميم الوضع الداكن مع ألوان التمييز النابضة
- بطاقات زجاجية مخصصة مع تأثير التمويه الخلفي
- تحريكات الكشف عند التمرير
- أنماط هندسية مميزة وتدرجات لونية
- حالات التفاعل مع تأثيرات التكبير
安全審計
安全This 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.
風險因素
🌐 網路存取 (2)
📁 檔案系統存取 (1)
品質評分
你能建構什麼
إنشاء مكونات ويب لا تُنسى
بناء مكونات ويب ذات جماليات فريدة تختلف عن القوالب والأطر العامة
تطوير صفحات موجهة بالتصميم
إنشاء صفحات هبوط ومواقع تسويقية وعروض بصرية لهوية بصرية مميزة
بناء واجهات مشذبة
تطوير تطبيقات ذات توجه تصميمي متماسك وتنفيذ كود عالي الجودة
試試這些提示
صمم قسم بطل مميز لمنتج من نوع [نوع المنتج] يتجنب الجماليات العامة للذكاء الاصطناعي مثل التدرجات اللونية الأرجوانية ونوع الخط Inter.
أنشئ مكون React مع تحريكات متتالية لنوع العنصر [نوع العنصر] باستخدام [مكتبة التحريك أو CSS].
صمم نظام طباعة ولون متماسك للعلامة التجارية/الصناعة [العلامة التجارية/الصناعة] مع الاتجاه الجمالي [الاتجاه الجمالي].
ابنِ قسم صفحة هبوط كامل للميزة/الغرض [الميزة/الغرض] مع خلفيات جوية وتأثيرات حركة وتصميم بصري لا يُنسى.
最佳實務
- التزم بالكامل باتجاه جمالي واضح بدلاً من اللعب على الآمن
- اختر خطوطاً مميزة تخلق هوية علامة تجارية لا تُنسى
- أولوية اللحظات عالية التأثير على التحريكات المبعثرة الصغيرة
避免
- استخدام خطوط عامة مثل Inter وRoboto أو خطوط النظام الافتراضية
- تطبيق مخططات لونية مستهلكة مثل التدرجات اللورية الأرجوانية على خلفيات بيضاء
- اتباع تخطيطات متوقعة وأنماط مكونات جاهزة