ما هي forms-inputs؟
يُستخدم عند تحريك حقول النموذج أو المدخلات أو مناطق النص أو التحديدات أو عناصر النموذج التفاعلية لتحسين سهولة الاستخدام والتعليقات المصدر: dylantarre/animation-principles.
·forms-inputs
*
forms-inputs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تحريك حقول النموذج أو المدخلات أو مناطق النص أو التحديدات أو عناصر النموذج التفاعلية لتحسين سهولة الاستخدام والتعليقات
كيفية تثبيت forms-inputs
ثبّت مهارة الذكاء الاصطناعي forms-inputs بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامApply Disney's 12 principles to forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
يُستخدم عند تحريك حقول النموذج أو المدخلات أو مناطق النص أو التحديدات أو عناصر النموذج التفاعلية لتحسين سهولة الاستخدام والتعليقات المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت forms-inputs؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputs بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05