ما هي flowglad-pricing-ui؟
أنشئ صفحات التسعير وبطاقات التسعير وعروض الخطة باستخدام Flowglad. استخدم هذه المهارة عند إنشاء جداول التسعير أو عرض خيارات الاشتراك أو إنشاء واجهات مقارنة الخطط. المصدر: flowglad/skills.
·flowglad-pricing-ui
*
flowglad-pricing-ui
✓أنشئ صفحات التسعير وبطاقات التسعير وعروض الخطة باستخدام Flowglad. استخدم هذه المهارة عند إنشاء جداول التسعير أو عرض خيارات الاشتراك أو إنشاء واجهات مقارنة الخطط.
التثبيت
كيفية تثبيت flowglad-pricing-ui
ثبّت مهارة الذكاء الاصطناعي flowglad-pricing-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/flowglad/skills --skill flowglad-pricing-ui
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: flowglad/skills.
SKILL.md
عرض النص الخام<!-- @flowglad/skill sourcesreviewed: 2026-01-21T12:00:00Z sourcefiles:
Comprehensive guide for building pricing pages, pricing cards, and plan displays with Flowglad. Covers loading states, accessing pricing data through helper functions, formatting prices correctly, highlighting current subscriptions, implementing billing interval toggles, and responsive layout patterns.
The pricing model loads asynchronously. Rendering before data is available causes visual flicker, incorrect UI states, or hydration mismatches.
أنشئ صفحات التسعير وبطاقات التسعير وعروض الخطة باستخدام Flowglad. استخدم هذه المهارة عند إنشاء جداول التسعير أو عرض خيارات الاشتراك أو إنشاء واجهات مقارنة الخطط. المصدر: flowglad/skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/flowglad/skills --skill flowglad-pricing-ui- المصدر
- flowglad/skills
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت flowglad-pricing-ui؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/flowglad/skills --skill flowglad-pricing-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/flowglad/skills
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01