·canvas-component-composability
*

canvas-component-composability

تصميم مكونات React جاهزة للطباعة على Canvas مع فتحات وأنماط التحلل أولاً. يُستخدم عند (1) تصميم بنية دعامة/فتحة أحد المكونات، (2) نمو المكون بشكل كبير جدًا، (3) الاختيار بين الدعائم مقابل الفتحات، (4) إعادة هيكلة المكونات المتجانسة، (5) نمذجة محتوى القائمة/الشبكة القابلة للتكرار. يضمن التوافق مع القماش.

7التثبيتات·1الرائج·@acquia

التثبيت

$npx skills add https://github.com/acquia/nebula --skill canvas-component-composability

كيفية تثبيت canvas-component-composability

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

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

المصدر: acquia/nebula.

Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, decompose it into smaller, composable pieces.

references/repeatable-content.md ("Slot container minimum size" section)

Slots are the primary mechanism for composability. Instead of passing complex data through props, use slots to let parent components accept child components. This matches how Canvas users build pages by placing components inside other components.

تصميم مكونات React جاهزة للطباعة على Canvas مع فتحات وأنماط التحلل أولاً. يُستخدم عند (1) تصميم بنية دعامة/فتحة أحد المكونات، (2) نمو المكون بشكل كبير جدًا، (3) الاختيار بين الدعائم مقابل الفتحات، (4) إعادة هيكلة المكونات المتجانسة، (5) نمذجة محتوى القائمة/الشبكة القابلة للتكرار. يضمن التوافق مع القماش. المصدر: acquia/nebula.

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

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

أمر التثبيت
npx skills add https://github.com/acquia/nebula --skill canvas-component-composability
المصدر
acquia/nebula
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-22
آخر تحديث
2026-03-10

Browse more skills from acquia/nebula

إجابات سريعة

ما هي canvas-component-composability؟

تصميم مكونات React جاهزة للطباعة على Canvas مع فتحات وأنماط التحلل أولاً. يُستخدم عند (1) تصميم بنية دعامة/فتحة أحد المكونات، (2) نمو المكون بشكل كبير جدًا، (3) الاختيار بين الدعائم مقابل الفتحات، (4) إعادة هيكلة المكونات المتجانسة، (5) نمذجة محتوى القائمة/الشبكة القابلة للتكرار. يضمن التوافق مع القماش. المصدر: acquia/nebula.

كيف أثبّت canvas-component-composability؟

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

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

https://github.com/acquia/nebula