يضمن تصميم واجهة مستخدم حديثة واحترافية عبر أنظمة SwiftUI وAndroid والويب. يُستخدم عند إنشاء أي مكونات لواجهة المستخدم بما في ذلك الأزرار أو النماذج أو البطاقات أو التخطيطات أو التنقل أو الشاشات الكاملة. يفرض تصميمًا بسيطًا ونظيفًا، ولوحات ألوان محايدة مع لون مميز واحد، ونظام تباعد شبكي 8 بكسل، وتسلسل هرمي مناسب للطباعة، وحالات تفاعلية واضحة. قم دائمًا بالرجوع قبل إنشاء عناصر واجهة المستخدم أو تعديلها.
ثبّت مهارة الذكاء الاصطناعي design-guide بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: mosif16/codex-skills.
Comprehensive design system ensuring every UI you build looks modern, professional, and consistent across all platforms (SwiftUI, Android Studio, web applications).
Spacing: 8, 16, 24, 32, 48, 64px Typography: 16px minimum body, max 2 fonts Colors: Neutral base + ONE accent Shadows: Subtle only Border radius: 6-12px most elements Interactive states: Always include hover, active, disabled, focus
Always reference this guide before creating any UI component. Consistency is key to professional design.
يضمن تصميم واجهة مستخدم حديثة واحترافية عبر أنظمة SwiftUI وAndroid والويب. يُستخدم عند إنشاء أي مكونات لواجهة المستخدم بما في ذلك الأزرار أو النماذج أو البطاقات أو التخطيطات أو التنقل أو الشاشات الكاملة. يفرض تصميمًا بسيطًا ونظيفًا، ولوحات ألوان محايدة مع لون مميز واحد، ونظام تباعد شبكي 8 بكسل، وتسلسل هرمي مناسب للطباعة، وحالات تفاعلية واضحة. قم دائمًا بالرجوع قبل إنشاء عناصر واجهة المستخدم أو تعديلها. المصدر: mosif16/codex-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/mosif16/codex-skills --skill design-guideيضمن تصميم واجهة مستخدم حديثة واحترافية عبر أنظمة SwiftUI وAndroid والويب. يُستخدم عند إنشاء أي مكونات لواجهة المستخدم بما في ذلك الأزرار أو النماذج أو البطاقات أو التخطيطات أو التنقل أو الشاشات الكاملة. يفرض تصميمًا بسيطًا ونظيفًا، ولوحات ألوان محايدة مع لون مميز واحد، ونظام تباعد شبكي 8 بكسل، وتسلسل هرمي مناسب للطباعة، وحالات تفاعلية واضحة. قم دائمًا بالرجوع قبل إنشاء عناصر واجهة المستخدم أو تعديلها. المصدر: mosif16/codex-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mosif16/codex-skills --skill design-guide بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/mosif16/codex-skills