الواجهات والتصميم

Animation Vocabulary

بواسطة Julien Thibeaut (ui-skills.com) 3.7k نجوم GitHub

قاموس بحث عكسي بيحوّل وصف مبهم لإفكت حركة لمصطلحه الدقيق علشان تـ prompt الـ AI أو المصممين.

#glossary#motion#terminology#reference

Claude Code Codex

نظرة عامة

Animation Vocabulary أداة تسمية: توصف الإفكت بشكل مبهم ('الحاجة اللي بتنطّ لما الـ popover يفتح') وتاخد المصطلح الدقيق ('pop in'). ده لتحديد الكلمة الصح علشان تـ prompt الـ AI أو تبرّف مصمم، مش لبناء الإفكت نفسه.

بتنفع في إيه

تسمية إفكت حركة مش عارف توصفه
لقيان المصطلح الصح لـ prompt الـ AI
تبريف المصممين بلغة دقيقة
تعلّم مصطلحات الحركة

التثبيت

التثبيت في Claude Code

# ضيف الـ marketplace وبعدين ثبّت المهارة في Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install animation-vocabulary

# أو ثبّتها يدويًا في ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/animation-vocabulary ~/.claude/skills/animation-vocabulary

التثبيت في Codex

# Codex بيقرأ مهارات SKILL.md من ~/.codex/skills (اكتشاف تلقائي):
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/animation-vocabulary ~/.codex/skills/animation-vocabulary

# وبعدين استخدم المهارة في Codex — بتتحمّل وقت الحاجة.

زيارة المصدر (GitHub)

استكشف أدوات AI

أدوات AI تكمل شغلك — للمصممين والمطورين

اقرأ مقالات عن AI

نصايح عملية في التصميم والذكاء الاصطناعي

أدوات مشابهة

الواجهات والتصميم

Frontend Design

عمل واجهات frontend مميزة بمستوى إنتاجي بعيداً عن جمالية الـ AI العامة — صفحات وكومبوننتس وartifacts وبوسترات.

Claude Code Codex

الواجهات والتصميم

Web Artifacts Builder

بناء artifacts HTML معقدة ومتعددة الكومبوننتس لـ Claude.ai باستخدام React وTailwind.

Claude Code Codex

الواجهات والتصميم

Animation Systems

حركة ويب بمستوى المنتجات زي Stripe وLinear وApple وVercel — إعدادات الـ easing والمدة والتناسق والأداء ووضع تقليل الحركة.

Claude Code Codex