·penpot-uiux-design
</>

penpot-uiux-design

دليل شامل لإنشاء تصميمات UI/UX احترافية في Penpot باستخدام أدوات MCP. استخدم هذه المهارة عندما: (1) إنشاء تصميمات UI/UX جديدة لتطبيقات الويب أو الهاتف المحمول أو سطح المكتب، (2) إنشاء أنظمة تصميم باستخدام المكونات والرموز المميزة، (3) تصميم لوحات المعلومات أو النماذج أو التنقل أو الصفحات المقصودة، (4) تطبيق معايير إمكانية الوصول وأفضل الممارسات، (5) اتباع إرشادات النظام الأساسي (iOS، Android، تصميم متعدد الأبعاد)، (6) مراجعة تصميمات Penpot الحالية أو تحسينها لسهولة الاستخدام. المشغلات: "تصميم واجهة مستخدم"، "إنشاء واجهة"، "إنشاء تخطيط"، "لوحة تحكم التصميم"، "إنشاء نموذج"، "صفحة مقصودة للتصميم"، "إتاحة الوصول إليها"، "نظام التصميم"، "مكتبة المكونات".

7.1Kالتثبيتات·19الرائج·@github

التثبيت

$npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design

كيفية تثبيت penpot-uiux-design

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

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

المصدر: github/awesome-copilot.

Create professional, user-centered designs in Penpot using the penpot/penpot-mcp MCP server and proven UI/UX principles.

| mcppenpotexecutecode | Run JavaScript in Penpot plugin context to create/modify designs | | mcppenpotexportshape | Export shapes as PNG/SVG for visual inspection | | mcppenpotimportimage | Import images (icons, photos, logos) into designs | | mcppenpotpenpotapiinfo | Retrieve Penpot API documentation |

The Penpot MCP tools require the penpot/penpot-mcp server running locally. For detailed installation and troubleshooting, see setup-troubleshooting.md.

دليل شامل لإنشاء تصميمات UI/UX احترافية في Penpot باستخدام أدوات MCP. استخدم هذه المهارة عندما: (1) إنشاء تصميمات UI/UX جديدة لتطبيقات الويب أو الهاتف المحمول أو سطح المكتب، (2) إنشاء أنظمة تصميم باستخدام المكونات والرموز المميزة، (3) تصميم لوحات المعلومات أو النماذج أو التنقل أو الصفحات المقصودة، (4) تطبيق معايير إمكانية الوصول وأفضل الممارسات، (5) اتباع إرشادات النظام الأساسي (iOS، Android، تصميم متعدد الأبعاد)، (6) مراجعة تصميمات Penpot الحالية أو تحسينها لسهولة الاستخدام. المشغلات: "تصميم واجهة مستخدم"، "إنشاء واجهة"، "إنشاء تخطيط"، "لوحة تحكم التصميم"، "إنشاء نموذج"، "صفحة مقصودة للتصميم"، "إتاحة الوصول إليها"، "نظام التصميم"، "مكتبة المكونات". المصدر: github/awesome-copilot.

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

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

أمر التثبيت
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-10

Browse more skills from github/awesome-copilot

إجابات سريعة

ما هي penpot-uiux-design؟

دليل شامل لإنشاء تصميمات UI/UX احترافية في Penpot باستخدام أدوات MCP. استخدم هذه المهارة عندما: (1) إنشاء تصميمات UI/UX جديدة لتطبيقات الويب أو الهاتف المحمول أو سطح المكتب، (2) إنشاء أنظمة تصميم باستخدام المكونات والرموز المميزة، (3) تصميم لوحات المعلومات أو النماذج أو التنقل أو الصفحات المقصودة، (4) تطبيق معايير إمكانية الوصول وأفضل الممارسات، (5) اتباع إرشادات النظام الأساسي (iOS، Android، تصميم متعدد الأبعاد)، (6) مراجعة تصميمات Penpot الحالية أو تحسينها لسهولة الاستخدام. المشغلات: "تصميم واجهة مستخدم"، "إنشاء واجهة"، "إنشاء تخطيط"، "لوحة تحكم التصميم"، "إنشاء نموذج"، "صفحة مقصودة للتصميم"، "إتاحة الوصول إليها"، "نظام التصميم"، "مكتبة المكونات". المصدر: github/awesome-copilot.

كيف أثبّت penpot-uiux-design؟

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

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

https://github.com/github/awesome-copilot

التفاصيل

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