·mockup-creation
*

mockup-creation

✓
dauquangthanh/hanoi-rainbowGitHub: dauquangthanh/hanoi-rainbowالمصدر: dauquangthanh/hanoi-rainbow

قم بإنشاء نماذج ونماذج واجهة مستخدم تفاعلية وجاهزة للإنتاج باستخدام NuxtJS 4 (Vue) أو Next.js (React)، وTypeScript، وTailwindCSS v4. يُستخدم عند إنشاء نماذج ويب، أو نماذج أولية، أو صفحات مقصودة، أو لوحات معلومات، أو لوحات إدارية، أو عروض توضيحية تفاعلية لواجهة المستخدم. يتم تشغيله عندما يذكر المستخدمون "إنشاء نموذج بالحجم الطبيعي" أو "إنشاء نموذج أولي" أو "عرض توضيحي تفاعلي" أو "نموذج أولي لواجهة المستخدم" أو "تصميم للبرمجة"، أو عندما يحتاجون إلى تطوير سريع للواجهة الأمامية باستخدام الأدوات الحديثة. تفضل NuxtJS للمشاريع القائمة على Vue؛ استخدم Next.js عندما يذكر المستخدمون ReactJS.

dauquangthanh·mockup·creation
12التثبيتات·0الرائج·@dauquangthanh

التثبيت

GitHub: dauquangthanh/hanoi-rainbow
$npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation

كيفية تثبيت mockup-creation

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

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

المصدر: dauquangthanh/hanoi-rainbow.

SKILL.md

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

Create polished, interactive UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React) with TypeScript and TailwindCSS v4.

NuxtJS (Vue) Example: Type-safe Button Component (components/ui/Button.vue)

Next.js (React) Example: Type-safe Button Component (components/ui/Button.tsx)

قم بإنشاء نماذج ونماذج واجهة مستخدم تفاعلية وجاهزة للإنتاج باستخدام NuxtJS 4 (Vue) أو Next.js (React)، وTypeScript، وTailwindCSS v4. يُستخدم عند إنشاء نماذج ويب، أو نماذج أولية، أو صفحات مقصودة، أو لوحات معلومات، أو لوحات إدارية، أو عروض توضيحية تفاعلية لواجهة المستخدم. يتم تشغيله عندما يذكر المستخدمون "إنشاء نموذج بالحجم الطبيعي" أو "إنشاء نموذج أولي" أو "عرض توضيحي تفاعلي" أو "نموذج أولي لواجهة المستخدم" أو "تصميم للبرمجة"، أو عندما يحتاجون إلى تطوير سريع للواجهة الأمامية باستخدام الأدوات الحديثة. تفضل NuxtJS للمشاريع القائمة على Vue؛ استخدم Next.js عندما يذكر المستخدمون ReactJS. المصدر: dauquangthanh/hanoi-rainbow.

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

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

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

Browse more skills from dauquangthanh/hanoi-rainbow

إجابات سريعة

ما هي mockup-creation؟

قم بإنشاء نماذج ونماذج واجهة مستخدم تفاعلية وجاهزة للإنتاج باستخدام NuxtJS 4 (Vue) أو Next.js (React)، وTypeScript، وTailwindCSS v4. يُستخدم عند إنشاء نماذج ويب، أو نماذج أولية، أو صفحات مقصودة، أو لوحات معلومات، أو لوحات إدارية، أو عروض توضيحية تفاعلية لواجهة المستخدم. يتم تشغيله عندما يذكر المستخدمون "إنشاء نموذج بالحجم الطبيعي" أو "إنشاء نموذج أولي" أو "عرض توضيحي تفاعلي" أو "نموذج أولي لواجهة المستخدم" أو "تصميم للبرمجة"، أو عندما يحتاجون إلى تطوير سريع للواجهة الأمامية باستخدام الأدوات الحديثة. تفضل NuxtJS للمشاريع القائمة على Vue؛ استخدم Next.js عندما يذكر المستخدمون ReactJS. المصدر: dauquangthanh/hanoi-rainbow.

كيف أثبّت mockup-creation؟

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

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

https://github.com/dauquangthanh/hanoi-rainbow

التفاصيل

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

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

frontend-design-review
77 التثبيتات
keycloak-administration
72 التثبيتات
frontend-ui-ux-design
46 التثبيتات
oracle-cloud
41 التثبيتات
code-quality-review
31 التثبيتات
architecture-design-review
26 التثبيتات