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

Emil Design Engineering

بواسطة Emil Kowalski (via ui-skills.com) 3.7k نجوم GitHub

فلسفة Emil Kowalski في لمسة الـ UI وتصميم الكومبوننتس والتفاصيل الخفية اللي بتخلي السوفتوير يحس إنه رائع.

#design-eng#animation#taste#components

Claude Code Codex

نظرة عامة

السكيل ده بيلخّص أسلوب مهندس التصميم Emil Kowalski في تصميم الكومبوننتس وقرارات الحركة — التفاصيل المبنية على الذوق اللي وراها الواجهات اللي بتحس إنها بسيطة وسلسة. بيوجّه اختياراتك في التوقيت والـ easing وضبط النفس. بيتماشى طبيعي مع شغل الحركة واللمسة.

بتنفع في إيه

تحديد إمتى وإزاي تحرّك كومبوننت
تطبيق جمالية هندسة تصميم راقية
مراجعة ذوق الحركة والتفاعل
الارتقاء بالحرفة على مستوى الكومبوننت

التثبيت

التثبيت في Claude Code

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

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

التثبيت في Codex

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

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