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

Impeccable

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

تصمّم وتعيد تصميم وتنقد وتلمّع واجهات الـ frontend بعين مهندس تصميم محترف في الـ UX والتسلسل البصري والحركة.

#design-review#ux#polish#design-system

Claude Code Codex

نظرة عامة

Impeccable سكيل شامل للتوجيه التصميمي بينقد ويحسّن الواجهة كاملة، وبيغطي التسلسل البصري وهندسة المعلومات والحمل الذهني وسهولة الوصول والـ typography والمسافات والألوان والتفاعلات الصغيرة. بيقدر يدفع التصميم الباهت يبقى أجرأ أو يهدّي التصميم الصاخب، ويعدّل على الـ UI مباشرة في الـ browser. ده أول move طبيعي في أي شغل frontend جدي.

بتنفع في إيه

مراجعة landing page من ناحية التسلسل واللمسة النهائية
تحويل UI شكله AI عادي لحاجة مميزة
بناء نظام design tokens قابل لإعادة الاستخدام
مراجعة سلوك الـ responsive وسهولة الوصول

التثبيت

التثبيت في Claude Code

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

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

التثبيت في Codex

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

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