·webflow-code-components
</>

webflow-code-components

قم ببناء وتعريف واستيراد مكونات تعليمات React البرمجية إلى Webflow عبر DevLink. يُستخدم عند إنشاء مكونات التعليمات البرمجية لـ Webflow، أو تكوين تعريفاتclaimComponent، أو العمل مع أنواع الدعامات، أو التصميم داخل Shadow DOM، أو التجميع مع Webpack، أو استكشاف أخطاء عمليات استيراد DevLink وإصلاحها.

24التثبيتات·1الرائج·@224-industries

التثبيت

$npx skills add https://github.com/224-industries/webflow-skills --skill webflow-code-components

كيفية تثبيت webflow-code-components

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

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

المصدر: 224-industries/webflow-skills.

Build, define, and import React code components into Webflow using DevLink. Code components let you develop advanced, interactive React components in your codebase and deploy them to Webflow as shared libraries for visual composition on the canvas.

Prerequisite: Webflow Workspace on Freelancer, Core, Growth, Agency, or Enterprise plan (or a site on CMS, Business, or Enterprise). Node.js 20+ and npm 10+.

Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script in scripts/searchreferences.py to find relevant references.

قم ببناء وتعريف واستيراد مكونات تعليمات React البرمجية إلى Webflow عبر DevLink. يُستخدم عند إنشاء مكونات التعليمات البرمجية لـ Webflow، أو تكوين تعريفاتclaimComponent، أو العمل مع أنواع الدعامات، أو التصميم داخل Shadow DOM، أو التجميع مع Webpack، أو استكشاف أخطاء عمليات استيراد DevLink وإصلاحها. المصدر: 224-industries/webflow-skills.

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

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

أمر التثبيت
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-code-components
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-24
آخر تحديث
2026-03-10

Browse more skills from 224-industries/webflow-skills

إجابات سريعة

ما هي webflow-code-components؟

قم ببناء وتعريف واستيراد مكونات تعليمات React البرمجية إلى Webflow عبر DevLink. يُستخدم عند إنشاء مكونات التعليمات البرمجية لـ Webflow، أو تكوين تعريفاتclaimComponent، أو العمل مع أنواع الدعامات، أو التصميم داخل Shadow DOM، أو التجميع مع Webpack، أو استكشاف أخطاء عمليات استيراد DevLink وإصلاحها. المصدر: 224-industries/webflow-skills.

كيف أثبّت webflow-code-components؟

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

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

https://github.com/224-industries/webflow-skills