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

Improve Animations

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

مسح حركة الكود ككل كمستشار كبير وإنتاج تدقيق مرتّب بالأولوية وخطط تنفيذ — تخطيط للقراءة بس.

#audit#motion#planning#roadmap

Claude Code Codex

نظرة عامة

Improve Animations بيشتغل كمستشار حركة كبير بيمسح كل كود الحركة في المشروع وبيطلّع تدقيق مرتّب بالأولوية مع خطط تنفيذ مكتفية بذاتها تقدر agents تانية تنفّذها. بيقرا الكود بس ما بيعدّلش عليه — بيخطط للإصلاحات مش بينفّذها. مثالي لعمل خارطة طريق لتحسين الحركة.

بتنفع في إيه

تدقيق الحركة عبر التطبيق كله
بناء خارطة طريق لإصلاح الحركة
تسليم خطط تنفيذ لـ agents تانية
ترتيب أولوية أنهي حركة تتصلّح الأول

التثبيت

التثبيت في Claude Code

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

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

التثبيت في Codex

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

# وبعدين استخدم المهارة في 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