product-ui-prototyping

Turn product ideas into testable UI behavior using generated and edited screen images. Produce state-by-state visuals, click-through transition logic, and per-platform viewers that teams can navigate end-to-end before implementation.

3) Create One Canonical Product Base Spec And Shell Lock

تصميم سلوك واجهة مستخدم المنتج والتحقق من صحته كنماذج أولية للحالة المرئية قبل البرمجة. يُستخدم عندما تسأل المهام عن كيفية تغيير الشاشات بعد إجراءات المستخدم (النقر، النقر، الإرسال)، عندما يحتاج غير المطورين إلى مراجعة تدفقات الويب/iOS/Android UX، أو عندما تحتاج الفرق إلى أصول حالة التفاعل وعمليات التحقق من القبول للتنفيذ. المصدر: autobyteus/autobyteus-skills.

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