جارٍ التحميل…
مهارة تصميم واجهات: تستكشف اتجاهات متمايزة وتقارنها وتحسّنها اعتمادًا على لقطات الشاشة.
Oil UI مهارة تصميم واجهات لوكلاء الذكاء الاصطناعي تشمل المواقع والتطبيقات ولوحات المعلومات والمكوّنات. تبدأ بدراسة فئة المنتج والمنافسين المتميزين، وتحوّل كلمات مبهمة مثل «فاخر» و«نظيف» إلى خيارات ملموسة في الخطوط والمساحات والألوان، ثم توصي باتجاه واحد وتحسّنه اعتمادًا على لقطات شاشة حقيقية. وعند طلب المقارنة تقدّم عدة اتجاهات مختلفة فعلًا.
تنبيه: تحتاج مخرجات التصميم إلى مراجعة بشرية لملاءمة العلامة وإتاحة الوصول.
الصق هذا الطلب في Claude Code: يقرأ ملف README ويثبّت معك، ويعرض كلّ أمر قبل تنفيذه.
ثبّت في Claude Code مهارات «Oil UI» (https://github.com/oil-oil/oil-ui). - اقرأ ملف README واتّبع طريقة التثبيت التي يوصي بها. - إن كان التثبيت يمرّ بأوامر /plugin فأعطني إيّاها لأكتبها بنفسي؛ وإلا فانسخ كلّ مجلّد مهارة (الذي يحتوي على SKILL.md) إلى ~/.claude/skills. - اشرح لي ما يفعله كلّ أمر قبل تنفيذه. - في النهاية، اعرض المهارات المثبّتة واقترح عليّ أوّل طلب لتجربتها.
بعد التثبيت، جرّب مثلًا:
صمّم صفحة هبوط لتطبيق تأمل.
قارن ثلاثة اتجاهات لهذه اللوحة التحليلية جنبًا إلى جنب.
حسّن صفحة الأسعار اعتمادًا على لقطة شاشة وأصلح المسافات الضعيفة.
1.0.0