ما هي technical-constraints؟
يُستخدم عندما تكون الرسوم المتحركة محدودة بدعم المتصفح أو إمكانيات النظام الأساسي أو المتطلبات الفنية المصدر: dylantarre/animation-principles.
·technical-constraints
*
technical-constraints
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عندما تكون الرسوم المتحركة محدودة بدعم المتصفح أو إمكانيات النظام الأساسي أو المتطلبات الفنية
كيفية تثبيت technical-constraints
ثبّت مهارة الذكاء الاصطناعي technical-constraints بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامStraight Ahead vs Pose-to-Pose Issue: Runtime calculations too expensive Fix: Pre-calculate animations. Use CSS keyframes (pose-to-pose) over JS frame-by-frame (straight ahead).
Solid Drawing Issue: Complex shapes cause rendering issues Fix: Simplify geometry. Use CSS shapes over SVG paths. Reduce polygon counts in 3D.
Timing Issue: Consistent timing across devices Fix: Use relative units. Test on slowest target device. Consider requestAnimationFrame for JS.
يُستخدم عندما تكون الرسوم المتحركة محدودة بدعم المتصفح أو إمكانيات النظام الأساسي أو المتطلبات الفنية المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت technical-constraints؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05