·phase-3-mockup

مهارة إنشاء نماذج بالحجم الطبيعي مع اتجاهات UI/UX بدون مصمم. تصميم نماذج HTML/CSS/JS الأولية التي يمكن تحويلها إلى مكونات Next.js. استخدم بشكل استباقي عندما يريد المستخدم التحقق من صحة واجهة المستخدم/تجربة المستخدم قبل التنفيذ. المشغلات: نموذج بالحجم الطبيعي، نموذج أولي، إطار سلكي، تصميم واجهة المستخدم، تصميم، تصميم، تصميم، maqueta، prototipo، تصميم واجهة المستخدم، maquette، النموذج الأولي، تصور واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم لا تستخدمه من أجل: كود الإنتاج، أو تطوير واجهة برمجة التطبيقات (API)، أو تعديلات المكونات الموجودة.

46التثبيتات·2الرائج·@popup-studio-ai

التثبيت

$npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup

كيفية تثبيت phase-3-mockup

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

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

المصدر: popup-studio-ai/bkit-claude-code.

Create trendy UI without a designer + Consider Next.js componentization

Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.

| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |

مهارة إنشاء نماذج بالحجم الطبيعي مع اتجاهات UI/UX بدون مصمم. تصميم نماذج HTML/CSS/JS الأولية التي يمكن تحويلها إلى مكونات Next.js. استخدم بشكل استباقي عندما يريد المستخدم التحقق من صحة واجهة المستخدم/تجربة المستخدم قبل التنفيذ. المشغلات: نموذج بالحجم الطبيعي، نموذج أولي، إطار سلكي، تصميم واجهة المستخدم، تصميم، تصميم، تصميم، maqueta، prototipo، تصميم واجهة المستخدم، maquette، النموذج الأولي، تصور واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم لا تستخدمه من أجل: كود الإنتاج، أو تطوير واجهة برمجة التطبيقات (API)، أو تعديلات المكونات الموجودة. المصدر: popup-studio-ai/bkit-claude-code.

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

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

أمر التثبيت
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from popup-studio-ai/bkit-claude-code

إجابات سريعة

ما هي phase-3-mockup؟

مهارة إنشاء نماذج بالحجم الطبيعي مع اتجاهات UI/UX بدون مصمم. تصميم نماذج HTML/CSS/JS الأولية التي يمكن تحويلها إلى مكونات Next.js. استخدم بشكل استباقي عندما يريد المستخدم التحقق من صحة واجهة المستخدم/تجربة المستخدم قبل التنفيذ. المشغلات: نموذج بالحجم الطبيعي، نموذج أولي، إطار سلكي، تصميم واجهة المستخدم، تصميم، تصميم، تصميم، maqueta، prototipo، تصميم واجهة المستخدم، maquette، النموذج الأولي، تصور واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم، نموذج بالحجم الطبيعي، نموذج أولي، تصميم واجهة المستخدم لا تستخدمه من أجل: كود الإنتاج، أو تطوير واجهة برمجة التطبيقات (API)، أو تعديلات المكونات الموجودة. المصدر: popup-studio-ai/bkit-claude-code.

كيف أثبّت phase-3-mockup؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

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

https://github.com/popup-studio-ai/bkit-claude-code

التفاصيل

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