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)
설치