·macos-app-design
</>

macos-app-design

يُستخدم عند تصميم أو إنشاء تطبيقات macOS أصلية باستخدام SwiftUI أو AppKit. مشغلات في بنية شريط القائمة، أو اختصارات لوحة المفاتيح، أو سلوك النوافذ المتعددة، أو نظام تصميم Liquid Glass، أو macOS Tahoe/Sequoia، أو التنقل في الشريط الجانبي، أو تصميم شريط الأدوات، أو أيقونات التطبيقات، أو رموز SF، أو جعل التطبيق يبدو وكأنه "مواطن Mac صالح".

23التثبيتات·1الرائج·@petekp

التثبيت

$npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design

كيفية تثبيت macos-app-design

ثبّت مهارة الذكاء الاصطناعي macos-app-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: petekp/claude-code-setup.

Guide for designing and implementing native-feeling, "good Mac citizen" apps: fast, elegant, accessible, and deeply integrated with macOS workflows.

| Menu Bar | Standard layout (App/File/Edit/View/Window/Help), ⌘, for Settings | | Keyboard | Every primary command reachable via keyboard, standard shortcuts work | | Windows | Resize fluidly, support multiple windows, respect fullscreen/minimize | | Sidebars | Top-level navigation, scannable items, content extends behind |

| Toolbars | Group by function/frequency, demote secondary to "more" menu | | Text | Use system text components, standard editing behaviors | | Accessibility | VoiceOver labels, full keyboard navigation, Reduced Motion support |

يُستخدم عند تصميم أو إنشاء تطبيقات macOS أصلية باستخدام SwiftUI أو AppKit. مشغلات في بنية شريط القائمة، أو اختصارات لوحة المفاتيح، أو سلوك النوافذ المتعددة، أو نظام تصميم Liquid Glass، أو macOS Tahoe/Sequoia، أو التنقل في الشريط الجانبي، أو تصميم شريط الأدوات، أو أيقونات التطبيقات، أو رموز SF، أو جعل التطبيق يبدو وكأنه "مواطن Mac صالح". المصدر: petekp/claude-code-setup.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from petekp/claude-code-setup

إجابات سريعة

ما هي macos-app-design؟

يُستخدم عند تصميم أو إنشاء تطبيقات macOS أصلية باستخدام SwiftUI أو AppKit. مشغلات في بنية شريط القائمة، أو اختصارات لوحة المفاتيح، أو سلوك النوافذ المتعددة، أو نظام تصميم Liquid Glass، أو macOS Tahoe/Sequoia، أو التنقل في الشريط الجانبي، أو تصميم شريط الأدوات، أو أيقونات التطبيقات، أو رموز SF، أو جعل التطبيق يبدو وكأنه "مواطن Mac صالح". المصدر: petekp/claude-code-setup.

كيف أثبّت macos-app-design؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/petekp/claude-code-setup

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01