4802 スキル

optimize

安全 68

تحسين أداء الويب لتحميل أسرع وتفاعلات أكثر سلاسة

作成者 pbakaus

الواجهات البطيئة تُسبب إحباطًا للمستخدمين وتضر بالمقاييس. تحدد هذه المهارة بشكل منهجي معوقات الأداء وتصلحها عبر سرعة التحميل والعرض والرسوم المتحركة والصور وحجم الحزمة لإنشاء تجارب أسرع وأكثر سلاسة.

Claude Codex Code(CC)
インストール
🚀

onboard

安全 71

تصميم تدفقات استقبال المستخدمين التي تدفع التبني

作成者 pbakaus

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

Claude Codex Code(CC)
インストール
📦

normalize

安全 71

توحيد مكونات واجهة المستخدم مع نظام التصميم

作成者 pbakaus

يُزيل عدم التناسق في التصميم من خلال الكشف التلقائي عن الانحرافات عن نظام التصميم وإصلاحها. يضمن استخدام كل مكون للرموز الصحيحة والأنماط والاتفاقيات المعمول بها.

Claude Codex Code(CC)
インストール
📦

layout

安全 75

إنشاء تخطيطات مصقولة باستخدام التباعد المنهجي

作成者 pbakaus

إصلاح الشبكات الرتيبة والتباعد غير المتسق الذي يجعل الواجهات تبدو هاوية. تعيّن هذه المهارة مقاييس تباعد منهجية وإيقاعًا بصريًا وتسلسلًا واضحًا لتحويل التخطيطات العامة إلى تركيبات مقصودة.

Claude Codex Code(CC)
インストール
📦

impeccable

低リスク 75

بناء واجهات أمامية متقنة باستخدام الذكاء الاصطناعي

作成者 pbakaus

تبدو الواجهات التي يولدها الذكاء الاصطناعي غالبًا عامة ومُ-templateية. يُرشد Impeccable الذكاء الاصطناعي من خلال قرارات تصميم خبيرة، مما يُنتج كود أمامي مميز وجاهز للإنتاج.

Claude Codex Code(CC)
インストール
🛡️

harden

安全 69

تقوية واجهاتك ضد واقع الإنتاج

作成者 pbakaus

تتواجه الواجهات مع المشاكل عندما يدخل المستخدمون الحقيقيون بيانات غير متوقعة، أو يفقدون الاتصال، أو يستخدمون تقنيات المساعدة. هذا المهارة تعمل بشكل منهجي على تقوية واجهتك ضد الحالات الحدية ومشاكل الترجمة والأخطاء وفجوات إمكانية الوصول لضمان المرونة الجاهزة للإنتاج.

Claude Codex Code(CC)
インストール
📦

frontend-design

安全 73

ابنِ واجهات أمامية متميزة تبرز وتلفت الانتباه

作成者 pbakaus

الكود المُنشأ بالذكاء الاصطناعي بشكل عام يُنتج تصاميم منسيّة وقولبية. هذه المهارة تُعلّم التوجّه الجمالي الجريء والتنفيذ على مستوى الإنتاج الذي يخلق تجارب مستخدم لا تُنسى.

Claude Codex Code(CC)
インストール
📦

extract

安全 71

استخراج مكونات نظام التصميم

作成者 pbakaus

تحديد واستخراج المكونات القابلة لإعادة الاستخدام والرموز التصميمية والأنماط من قاعدة الكود الخاصة بك إلى نظام تصميم منظم. يقوم هذا المهارة بتوحيد كود واجهة المستخدم المتناثر إلى أصول موثقة ومنظمة.

Claude Codex Code(CC)
インストール

distill

安全 69

تبسيط التصميم وتجريده إلى جوهره

作成者 pbakaus

تساعد هذه المهارة مساعدي الذكاء الاصطناعي في تبسيط التصميمات المعقدة عن طريق إزالة العناصر غير الضرورية، وإنشاء واجهات مستخدم نظيفة ومركزة توجه المستخدمين نحو أهدافهم.

Claude Codex Code(CC)
インストール
📦

delight

安全 71

تحويل الواجهات مع التفاعلات الدقيقة المبهجة

作成者 pbakaus

الواجعات الوظيفية غالباً ما تبدو باردة وآلية. تضيف هذه المهارة لحظات استراتيجية من البهجة والشخصية تجعل المستخدمين يبتسمون مع الحفاظ على قابلية الاستخدام.

Claude Codex Code(CC)
インストール
🎨

critique

安全 67

انتقد تصميمك

作成者 pbakaus

احصل على تعليقات خبيرة على تصميم تجربة المستخدم تحدد الأنماط المُنشأة بالذكاء الاصطناعي ومشاكل التسلسل الهرمي البصري وتحسينات عملية لارتقاء بواجهتك.

Claude Codex Code(CC)
インストール
🎨

colorize

安全 70

أضف ألواناً استراتيجية إلى تصميماتك

作成者 pbakaus

حوّل الواجهات الرمادية الباهتة إلى تجارب دافئة وجذابة. تطبق هذه المهارة نظرية الألوان المقصودة لتحسين التسلسل الهرمي البصري وإبهار المستخدم.

Claude Codex Code(CC)
インストール
📦

clarify

安全 71

تحسين نصوص واجهة المستخدم ورسائل الخطأ غير الواضحة

作成者 pbakaus

نصوص الواجهة المربكة تحبط المستخدمين وتزيد تكاليف الدعم. هذه المهارة تحول المصطلحات التقنية والعلامات الغامضة ورسائل الخطأ السيئة إلى نصوص واضحة وودية توجه المستخدمين بشكل فعال.

Claude Codex Code(CC)
インストール
🎨

bolder

安全 71

حوّل التصاميم المملّة إلى تجارب جريئة

作成者 pbakaus

توقف عن القبول بواجهات عامة غير memorable. تساعد هذه الأداة Claude في إنشاء تصاميم بصربة مبهرة تأسر المستخدمين مع الحفاظ على معايير قابلية الاستخدام وإمكانية الوصول.

Claude Codex Code(CC)
インストール
📦

audit

安全 69

فحص جودة الواجهة

作成者 pbakaus

جودة الواجهة الرديئة تضر بتجربة المستخدم وتستبعد المستخدمين ذوي الإعاقات. توفر هذه المهارة فحصًا منهجيًا عبر إمكانية الوصول والأداء والسمات والتصميم المتجاوب لتحديد المشكلات قبل وصولها إلى بيئة الإنتاج.

Claude Codex Code(CC)
インストール
📐

arrange

安全 70

تحويل التخطيطات باستخدام تباعد وإيقاع مقصود

作成者 pbakaus

تخلص من الشبكات الرتيبة والتباعد العشوائي. توفر هذه المهارة نهجاً منهجياً لإنشاء تسلسل هرمي بصري من خلال التباعد المقصود والإيقاع المتنظم والتخطيطات المهيكلة التي توجه العين إلى ما يهم.

Claude Codex Code(CC)
インストール

animate

安全 69

إضافة حركات مقصودة وتفاعلات صغيرة

作成者 pbakaus

الواجهات الثابتة تبدو غير مكتملة وتفوت فرصًا لتوجيه المستخدمين. تساعدك هذه المهارة على إضافة الحركة بطريقة استراتيجية توفر ملاحظات وتحسن الفهم وتخلق تجارب ممتعة دون إرباك المستخدمين.

Claude Codex Code(CC)
インストール
📦

adapt

安全 70

تكييف التصاميم لأي شاشة أو منصة

作成者 pbakaus

هل تكافح لجعل تصميمك يعمل عبر الجوال والجهاز اللوحي وسطح المكتب والطباعة والبريد الإلكتروني؟ تقدم هذه المهارة إرشادات خبيرة حول تكييف التصاميم للسياقات المختلفة مع الحفاظ على الاتساق وإمكانية الاستخدام.

Claude Codex Code(CC)
インストール
📦

payload

安全 71

إنشاء تطبيقات Payload CMS

作成者 payloadcms

يتطلب إنشاء واجهات برمجة التطبيقات ولوحات الإدارة باستخدام Payload CMS فهم المجموعات والحقول والخطافات وأنماط التحكم في الوصول. توفر هذه المهارة وثائق شاملة وأمثلة برمجية لإنشاء تطبيقات CMS تعتمد على TypeScript أولاً مع تكامل Next.js.

Claude Codex Code(CC)
インストール
📦

liquid-glass

安全 70

إضافة تأثيرات الزجاج السائل إلى تطبيقات SwiftUI

作成者 patrickserrano

يتطلب بناء واجهات iOS الحديثة تنفيذ تأثيرات بصرية متقدمة. توفر هذه الإرشادات وأمثلة كود استخدام واجهة برمجة تطبيقات الزجاج السائل iOS 26+ لإنشاء تأثيرات التمويه والانعكاس والأسطح الزجاجية التفاعلية في SwiftUI.

Claude Codex Code(CC)
インストール