·pencil-ui-design
*

pencil-ui-design

✓
allenai2014/pencil-ui-designGitHub: allenai2014/pencil-ui-designالمصدر: allenai2014/pencil-ui-design

سير العمل الكامل ومكتبة المكونات لإنشاء تصميمات واجهة المستخدم الصناعية باستخدام Pencil MCP

allenai2014·pencil·ui·design
101التثبيتات·2الرائج·@allenai2014

التثبيت

GitHub: allenai2014/pencil-ui-design
$npx skills add https://github.com/allenai2014/pencil-ui-design --skill pencil-ui-design

كيفية تثبيت pencil-ui-design

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

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

المصدر: allenai2014/pencil-ui-design.

SKILL.md

عرض النص الخام

| 变量名 | Light Mode | Dark Mode | 用途 |

| --background | #FAFAFA | #09090B | 页面背景 | | --foreground | #18181B | #FAFAFA | 主文本 | | --card | #FFFFFF | #18181B | 卡片背景 | | --card-foreground | #18181B | #FAFAFA | 卡片文本 | | --muted | #F4F4F5 | #27272A | 次要背景 | | --muted-foreground | #71717A | #A1A1AA | 次要文本 | | --border | #E4E4E7 | #27272A | 边框 | | --primary | #18181B | #FAFAFA | 主按钮 |

| --primary-foreground | #FAFAFA | #18181B | 主按钮文本 | | --secondary | #F4F4F5 | #27272A | 次按钮 | | --accent | #FCD34D | #FCD34D | 强调色 | | --destructive | #EF4444 | #EF4444 | 危险操作 | | --ring | #18181B | #D4D4D8 | Focus ring |

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

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

أمر التثبيت
npx skills add https://github.com/allenai2014/pencil-ui-design --skill pencil-ui-design
المصدر
allenai2014/pencil-ui-design
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-10
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/allenai2014/pencil-ui-design/pencil-ui-design

Browse more skills from allenai2014/pencil-ui-design

إجابات سريعة

ما هي pencil-ui-design؟

سير العمل الكامل ومكتبة المكونات لإنشاء تصميمات واجهة المستخدم الصناعية باستخدام Pencil MCP المصدر: allenai2014/pencil-ui-design.

كيف أثبّت pencil-ui-design؟

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

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

https://github.com/allenai2014/pencil-ui-design

التفاصيل

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

مهارات ذات صلة

لا يوجد