·viewcomponent-coder
*

viewcomponent-coder

أنشئ واجهات مستخدم قائمة على المكونات باستخدام ViewComponent وview_component-contrib. يُستخدم عند إنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام، أو تنفيذ الفتحات ومتغيرات الأنماط، أو إنشاء معاينات المكونات. المشغلات عند إنشاء ViewComponent، أو أنماط المكونات، أو معاينات Lookbook، أو بنية مكونات واجهة المستخدم.

23التثبيتات·1الرائج·@majesticlabs-dev

التثبيت

$npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder

كيفية تثبيت viewcomponent-coder

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

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

المصدر: majesticlabs-dev/majestic-marketplace.

Build modern, component-based UIs with ViewComponent using Evil Martians' viewcomponent-contrib patterns.

Don't inline SVG markup in Ruby code - use separate files instead.

أنشئ واجهات مستخدم قائمة على المكونات باستخدام ViewComponent وview_component-contrib. يُستخدم عند إنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام، أو تنفيذ الفتحات ومتغيرات الأنماط، أو إنشاء معاينات المكونات. المشغلات عند إنشاء ViewComponent، أو أنماط المكونات، أو معاينات Lookbook، أو بنية مكونات واجهة المستخدم. المصدر: majesticlabs-dev/majestic-marketplace.

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

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

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

أمر التثبيت
npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill viewcomponent-coder
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-23
آخر تحديث
2026-03-10

Browse more skills from majesticlabs-dev/majestic-marketplace

إجابات سريعة

ما هي viewcomponent-coder؟

أنشئ واجهات مستخدم قائمة على المكونات باستخدام ViewComponent وview_component-contrib. يُستخدم عند إنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام، أو تنفيذ الفتحات ومتغيرات الأنماط، أو إنشاء معاينات المكونات. المشغلات عند إنشاء ViewComponent، أو أنماط المكونات، أو معاينات Lookbook، أو بنية مكونات واجهة المستخدم. المصدر: majesticlabs-dev/majestic-marketplace.

كيف أثبّت viewcomponent-coder؟

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

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

https://github.com/majesticlabs-dev/majestic-marketplace

التفاصيل

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