frontend-slides
إنشاء عروض تقديمية HTML مع رسوم متحركة
يصارع غير المصممين لإنشاء عروض تقديمية جذابة بصرياً. هذه المهارة تولد عروض شرائح HTML بجودة الإنتاج مع تصميم مميز ورسوم متحركة سلسة من خلال سير عمل استكشاف بصري موجه.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "frontend-slides". أنشئ مجموعة عرض لشركتي الناشئة في الذكاء الاصطناعي
النتيجة المتوقعة:
عرضك التقديمي جاهز! الملف: ai-startup-pitch.html. النمط: Neon Cyber مع خلفيات داكنة. 12 شريحة مع رسوم دخول، شريط تقدم، ونقاط تنقل. استخدم مفاتيح الأسهم أو التمرير للتنقل.
استخدام "frontend-slides". حوّل quarterly-report.pptx إلى تنسيق ويب
النتيجة المتوقعة:
تم استخراج 15 شريحة من PowerPoint الخاص بك. الآن اختيار النمط - أنشأت 3 خيارات معاينة (Corporate Elegant، Dark Executive، Clean Minimal). أي جمالية تتناسب معك؟
التدقيق الأمني
آمنThis skill generates HTML presentations and converts PowerPoint files. Static analysis detected external_commands, network, and filesystem patterns, but evaluation confirms these are false positives. The 'external_commands' are documentation strings showing file paths. Network access is limited to loading font resources from legitimate CDNs. Filesystem operations are for extracting PPT content. No malicious intent or security risks identified.
درجة الجودة
ماذا يمكنك بناءه
شرائح حديث المؤتمر
إنشاء شرائح ملفتة بصرياً للأحاديث التقنية أو الخطابات الرئيسية مع رسوم متحركة مخصصة وجماليات مميزة تبرز عن العروض التقديمية العادية.
مجموعة عرضstartup
توليد مجموعات عرض احترافية مع تصميم بصري مصقول لإعجاب المستثمرين والعملاء بأقل جهد تصميمي.
تحويل PPT موجود إلى ويب
تحويل عروض PowerPoint التقليدية إلى تنسيق HTML حديث مع رسوم متحركة محسنة وتوافق أفضل مع المتصفح.
جرّب هذه الموجهات
أنشئ عرض HTML جديد حول [TOPIC]. أحتاجه لـ [PURPOSE]. اجعله مذهلاً بصرياً مع رسوم متحركة سلسة.
أريد إنشاء شرائح بشعور [VIBE]. ولّد بعض معاينات النمط حتى أتمكن من اختيار الجمالية المناسبة.
حوّل ملف PowerPoint الخاص بي في [FILE_PATH] إلى عرض تقديمي HTML بتصميم مميز.
حسّن عرضي التقديمي HTML الموجود في [FILE_PATH] مع رسوم متحركة أفضل وتصميم بصري.
أفضل الممارسات
- ابدأ بهيكل محتوى واضح قبل التصميم - اعرف رسالتك أولاً
- استخدم مرحلة معاينة النمط للسماح للمستخدمين باكتشاف تفضيلاتهم البصرية
- اجعل الرسوم المتحركة دقيقة وهادفة - عزّز، لا تشتت
- اختبر على الأجهزة المحمولة وعطّل التأثيرات الثقيلة للشاشات الأصغر
تجنب
- تجنب استخدام خيارات الخطوط العامة مثل Inter أو Roboto - اسعَ لخطوط مميزة
- لا تفرط في استخدام الرسوم المتحركة - يجب أن تعزز، لا تؤخر الرسالة
- تجنب تدرجات البنفسجي على الخلفيات البيضاء - هذه جمالية AI عامة
- لا تتخطى مرحلة معاينة النمط - المستخدمون يحتاجون تأكيداً بصرياً قبل التوليد الكامل