convex-create-component
80بناء مكوّنات Convex
تحتاج مكوّنات Convex إلى ملكية واضحة للبيانات، ودوال تغليف، وأنواع مولّدة. ترشدك هذه المهارة في تصميم المكوّنات وتنفيذها وربطها والتحقق منها في مشاريع Convex.
بدء مشاريع Convex بسرعة
قد يتطلب بدء تطبيق Convex عدة خطوات إعداد خاصة بإطار العمل. ترشدك هذه المهارة خلال إنشاء الهيكل الأولي، وربط المزوّد، ومتغيرات البيئة، وأول فحوصات التحقق.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "convex-quickstart" from https://skillstore.io/skills/get-convex-convex-quickstart.md and its manifest at https://skillstore.io/api/skills/get-convex-convex-quickstart/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "convex-quickstart". أعدّ Convex لتطبيق React جديد.
النتيجة المتوقعة:
يختار المساعد قالب بداية React، ويحضّر خطوات إنشاء الهيكل الأولي، ويطلب من المستخدم تشغيل حلقة تطوير Convex، ويسرد فحوصات التحقق.
جارٍ استخدام "convex-quickstart". أضف Convex إلى مشروع Next.js الحالي لدي.
النتيجة المتوقعة:
يحدد المساعد موقع مزوّد App Router، ويشرح متغير عنوان URL العام الخاص بـ Convex، ويتحقق من توفر الأنواع المولدة.
جارٍ استخدام "convex-quickstart". استخدم Convex من وكيل ترميز سحابي.
النتيجة المتوقعة:
يختار المساعد وضع الوكيل المجهول، ويشرح سبب عدم توفر تسجيل الدخول عبر المتصفح، ويبقي مراقب التطوير منفصلا عن تعديلات الكود العادية.
The static findings are explained by Markdown examples, public Convex configuration, localhost URLs, and official documentation links. No evidence found for prompt injection, credential exfiltration, hidden execution, or malicious marketplace intent.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/get-convex-convex-quickstart/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/get-convex-convex-quickstart?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/get-convex-convex-quickstart?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/get-convex-convex-quickstart/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/get-convex-convex-quickstart.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>get-convex. (2026). convex-quickstart security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/get-convex-convex-quickstart/audits/4@techreport{get-convex-get-convex-convex-quickstart-2026,
author = {get-convex},
title = {convex-quickstart security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/get-convex-convex-quickstart/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "convex-quickstart security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "get-convex"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/get-convex-convex-quickstart/audits/4"
identifiers:
- type: other
value: "skillstore:get-convex-convex-quickstart:audit:4"
description: "Skillstore immutable audit report identifier"
أنشئ واجهة أمامية جديدة وواجهة خلفية Convex باستخدام قالب بداية ومسار تحقق أول واضح.
ثبّت Convex في تطبيق موجود واربط المزوّد عند نقطة الدخول الصحيحة لإطار العمل.
استخدم وضع الوكيل المجهول عندما لا يكون تسجيل الدخول عبر المتصفح متاحا في بيئة سحابية أو بلا واجهة رسومية.
أعدّ تطبيق Convex جديدا لنموذج React أولي بسيط. اختر أفضل قالب بداية، واشرح الأوامر، واسرد ما يجب أن أتحقق منه أولا.
أضف Convex إلى تطبيق React الحالي هذا. حدد نقطة دخول التطبيق، وثبّت الحزمة، واربط المزوّد، وأخبرني كيف أؤكد أن العميل يتصل.
كوّن Convex لمشروع Next.js App Router هذا. أضف مزوّد العميل، وضعه في التخطيط الجذري، واستخدم متغير البيئة العام الصحيح.
راجع إعداد Convex هذا من حيث جاهزية التطوير والإنتاج. افصل خطوات مراقب التطوير، واحتياجات وضع الوكيل، وتوقيت النشر، وأول تحقق من المخطط.
المؤلف
get-convexالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
30c73eac2afe762f6aa9c4553158769369d47351
حداثة الصيانة
٢٢/٧/٢٠٢٦
الاستخدام
4 تنزيلات · 119 مشاهدات
بنية الملفات
بناء مكوّنات Convex
تحتاج مكوّنات Convex إلى ملكية واضحة للبيانات، ودوال تغليف، وأنواع مولّدة. ترشدك هذه المهارة في تصميم المكوّنات وتنفيذها وربطها والتحقق منها في مشاريع Convex.
إعداد مصادقة Convex
قد يفشل إعداد مصادقة Convex عندما لا تتطابق توصيلات المزوّد ومتغيرات البيئة وفحوصات الواجهة الخلفية. ترشد هذه المهارة إلى تدفق المزوّد الصحيح وتضيف أنماط مصادقة Convex متحققا منها.
تدقيق اختناقات أداء Convex
تؤدي ميزات Convex البطيئة إلى إهدار عمليات القراءة، وتشغيل إبطالات واسعة، وإخفاء التنافس. ترشد هذه المهارة Claude وCodex وClaude Code خلال عمليات تدقيق أداء موجهة.
خطط عمليات ترحيل بيانات Convex بأمان
يمكن أن تؤدي تغييرات مخطط Convex الكاسرة إلى فشل عمليات النشر أو إتلاف بيانات الإنتاج. ترشدك هذه المهارة إلى عمليات طرح آمنة، وعمليات backfill على دفعات، وعمليات تشغيل تجريبية، والتحقق.
توجيه مهام Convex إلى المهارة المناسبة
قد تكون طلبات Convex واسعة النطاق، وقد تختار الفرق سير العمل غير المناسب. توجّه هذه المهارة Claude وCodex وClaude Code نحو إرشادات الإعداد ومهارات Convex المتخصصة.
Find the Right Convex Component
Developers may rebuild infrastructure that existing Convex components already provide. This skill identifies matching patterns and suggests one focused alternative after completing the current task.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.
أتمتة توطين تطبيقات الويب
بواسطة DNYoussef
غالبا ما تؤدي إضافة دعم متعدد اللغات إلى تشتيت النصوص، والتوجيه، والبيانات الوصفية، وملفات اللغات عبر قاعدة الشيفرة. تخطط هذه المهارة لإعداد i18n وتنفذه مع الترجمات، والتحقق، والتوثيق.