تطبيق نظام تسمية Flowkit CSS في Webflow. يُستخدم عند إنشاء فئات، أو تدقيق الأسماء الموجودة، أو إنشاء مكونات جديدة تتبع اصطلاحات Flowkit. Flowkit هو إطار عمل CSS الرسمي لـ Webflow مع نهج المنفعة أولاً.
ثبّت مهارة الذكاء الاصطناعي flowkit-naming بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: webflow/webflow-skills.
Apply FlowKit CSS naming conventions in Webflow projects using Webflow Designer tools.
| fk-[component] | Component wrapper (base class) | fk-card, fk-nav, fk-hero | | fk-[component]-[element] | Child element within component | fk-card-title, fk-nav-link | | fk-[component].[modifier] | Combo class modifier (state/variant) | fk-card.is-featured | | fk-text-[style] | Typography utility | fk-text-xl, fk-text-bold |
| fk-flex / fk-grid | Layout utilities | fk-flex-center, fk-grid-3 | | fk-space-[size] | Spacing utilities | fk-space-md, fk-py-lg | | is-[state] | State modifiers (combo) | is-active, is-hidden, is-disabled |
تطبيق نظام تسمية Flowkit CSS في Webflow. يُستخدم عند إنشاء فئات، أو تدقيق الأسماء الموجودة، أو إنشاء مكونات جديدة تتبع اصطلاحات Flowkit. Flowkit هو إطار عمل CSS الرسمي لـ Webflow مع نهج المنفعة أولاً. المصدر: webflow/webflow-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-namingتطبيق نظام تسمية Flowkit CSS في Webflow. يُستخدم عند إنشاء فئات، أو تدقيق الأسماء الموجودة، أو إنشاء مكونات جديدة تتبع اصطلاحات Flowkit. Flowkit هو إطار عمل CSS الرسمي لـ Webflow مع نهج المنفعة أولاً. المصدر: webflow/webflow-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/webflow/webflow-skills