عملية التعاون لتعديل نمط واجهة المستخدم. يُستخدم عندما يطلب المستخدمون تغييرات في نمط الصفحة، أو تعديلات التخطيط، أو تعديلات تفاصيل واجهة المستخدم. من خلال التدفق المنظم لـ "تحديد موضع لقطة الشاشة ← وصف الحالة ← اختيار الحل ← تحرير التعليمات البرمجية ← الضبط الدقيق"، فإنه يقلل من انحراف الاتصال ويتجنب إهدار الرموز المميزة.
ثبّت مهارة الذكاء الاصطناعي ui-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yunshu0909/yunshu_skillshub.
用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。
| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |
| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |
عملية التعاون لتعديل نمط واجهة المستخدم. يُستخدم عندما يطلب المستخدمون تغييرات في نمط الصفحة، أو تعديلات التخطيط، أو تعديلات تفاصيل واجهة المستخدم. من خلال التدفق المنظم لـ "تحديد موضع لقطة الشاشة ← وصف الحالة ← اختيار الحل ← تحرير التعليمات البرمجية ← الضبط الدقيق"، فإنه يقلل من انحراف الاتصال ويتجنب إهدار الرموز المميزة. المصدر: yunshu0909/yunshu_skillshub.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-designعملية التعاون لتعديل نمط واجهة المستخدم. يُستخدم عندما يطلب المستخدمون تغييرات في نمط الصفحة، أو تعديلات التخطيط، أو تعديلات تفاصيل واجهة المستخدم. من خلال التدفق المنظم لـ "تحديد موضع لقطة الشاشة ← وصف الحالة ← اختيار الحل ← تحرير التعليمات البرمجية ← الضبط الدقيق"، فإنه يقلل من انحراف الاتصال ويتجنب إهدار الرموز المميزة. المصدر: yunshu0909/yunshu_skillshub.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yunshu0909/yunshu_skillshub