ما هي state-changes؟
يُستخدم عندما تتحول العناصر في مكانها - تبديل المفاتيح، أو توسيع الأكورديون، أو الرسوم المتحركة لمربعات الاختيار، أو حالات الزر، أو أي تحويل دون الدخول/الخروج. المصدر: dylantarre/animation-principles.
·state-changes
*
state-changes
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عندما تتحول العناصر في مكانها - تبديل المفاتيح، أو توسيع الأكورديون، أو الرسوم المتحركة لمربعات الاختيار، أو حالات الزر، أو أي تحويل دون الدخول/الخروج.
كيفية تثبيت state-changes
ثبّت مهارة الذكاء الاصطناعي state-changes بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill state-changes
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Elements compress before expanding. A toggle switch squashes 5% before sliding.
Anticipation: Wind up before the change. Slight reverse movement (2-3px) before expanding.
Staging: Keep transformations centered on user focus. Don't let state changes distract from the interaction point.
يُستخدم عندما تتحول العناصر في مكانها - تبديل المفاتيح، أو توسيع الأكورديون، أو الرسوم المتحركة لمربعات الاختيار، أو حالات الزر، أو أي تحويل دون الدخول/الخروج. المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill state-changes- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-04
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت state-changes؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill state-changes بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-04