مهارة تصميم واجهات: تستكشف اتجاهات متمايزة وتقارنها وتحسّنها اعتمادًا على لقطات الشاشة.
Oil UI مهارة تصميم واجهات لوكلاء الذكاء الاصطناعي تشمل المواقع والتطبيقات ولوحات المعلومات والمكوّنات. تبدأ بدراسة فئة المنتج والمنافسين المتميزين، وتحوّل كلمات مبهمة مثل «فاخر» و«نظيف» إلى خيارات ملموسة في الخطوط والمساحات والألوان، ثم توصي باتجاه واحد وتحسّنه اعتمادًا على لقطات شاشة حقيقية. وعند طلب المقارنة تقدّم عدة اتجاهات مختلفة فعلًا.
تنبيه: تحتاج مخرجات التصميم إلى مراجعة بشرية لملاءمة العلامة وإتاحة الوصول.
Paste this prompt into Claude Code: it reads the README and installs it with you, showing each command before running it.
Install the agent skills of “Oil UI” (https://github.com/oil-oil/oil-ui) in Claude Code. - Read the README and follow the installation method it recommends. - If it requires /plugin commands, give them to me to type myself; otherwise copy each skill folder (the one containing a SKILL.md) into ~/.claude/skills. - Tell me what each command does before running it. - When done, list the installed skills and suggest a first request to try them.
Once installed, try for example:
Design a landing page for a meditation app.
Compare three directions for this analytics dashboard side by side.
Refine the pricing page against a screenshot and fix the weak spacing.
1.0.0