·ui-designer

يقوم مصمم واجهة المستخدم/تجربة المستخدم الأول بتحويل متطلبات المنتج إلى حلول تصميم احترافية. يُستخدم عندما يحتاج المستخدمون إلى: (1) بنية الصفحة وبنية المعلومات، (2) تخطيط واجهة المستخدم ومكوناتها، (3) أنظمة الألوان والمواصفات المرئية، (4) مستندات مواصفات التصميم، (5) مخططات تدفق المستخدم. المحفزات: تصميم واجهة المستخدم، تصميم الصفحة، تصميم الواجهة، تصميم التفاعل، مواصفات التصميم، التخطيط. | واجهة المستخدم الخاصة بواجهة المستخدم/تجربة المستخدم: تم تصميم واجهة المستخدم الخاصة بها. 、 页面设计، 界面设计، 交互 设计، 设计规范، 页面布局، 设计方案.

14التثبيتات·0الرائج·@shining319

التثبيت

$npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer

كيفية تثبيت ui-designer

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

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

المصدر: shining319/claude-code-single-person-workflow.

Before coding, understand the context and commit to a BOLD aesthetic direction:

CRITICAL: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.

Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is:

يقوم مصمم واجهة المستخدم/تجربة المستخدم الأول بتحويل متطلبات المنتج إلى حلول تصميم احترافية. يُستخدم عندما يحتاج المستخدمون إلى: (1) بنية الصفحة وبنية المعلومات، (2) تخطيط واجهة المستخدم ومكوناتها، (3) أنظمة الألوان والمواصفات المرئية، (4) مستندات مواصفات التصميم، (5) مخططات تدفق المستخدم. المحفزات: تصميم واجهة المستخدم، تصميم الصفحة، تصميم الواجهة، تصميم التفاعل، مواصفات التصميم، التخطيط. | واجهة المستخدم الخاصة بواجهة المستخدم/تجربة المستخدم: تم تصميم واجهة المستخدم الخاصة بها. 、 页面设计، 界面设计، 交互 设计، 设计规范، 页面布局، 设计方案. المصدر: shining319/claude-code-single-person-workflow.

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

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

أمر التثبيت
npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from shining319/claude-code-single-person-workflow

إجابات سريعة

ما هي ui-designer؟

يقوم مصمم واجهة المستخدم/تجربة المستخدم الأول بتحويل متطلبات المنتج إلى حلول تصميم احترافية. يُستخدم عندما يحتاج المستخدمون إلى: (1) بنية الصفحة وبنية المعلومات، (2) تخطيط واجهة المستخدم ومكوناتها، (3) أنظمة الألوان والمواصفات المرئية، (4) مستندات مواصفات التصميم، (5) مخططات تدفق المستخدم. المحفزات: تصميم واجهة المستخدم، تصميم الصفحة، تصميم الواجهة، تصميم التفاعل، مواصفات التصميم، التخطيط. | واجهة المستخدم الخاصة بواجهة المستخدم/تجربة المستخدم: تم تصميم واجهة المستخدم الخاصة بها. 、 页面设计، 界面设计، 交互 设计، 设计规范، 页面布局، 设计方案. المصدر: shining319/claude-code-single-person-workflow.

كيف أثبّت ui-designer؟

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

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

https://github.com/shining319/claude-code-single-person-workflow

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01