tailwind-v4-shadcn
78إعداد Tailwind v4 مع shadcn/ui
قد يفشل إعداد Tailwind v4 و shadcn/ui لأن v4 يغيّر طريقة التعامل مع الإعدادات والإضافات والسمات. ترشد هذه المهارة Claude أو Codex أو Claude Code عبر قوالب مختبرة وخطوات لاستكشاف الأخطاء وإصلاحها.
بناء سير عمل TanStack Query v5 في React
يمكن أن تؤدي تغييرات TanStack Query v5 إلى تعطيل جلب البيانات، والطفرات، وسلوك SSR. توفر هذه المهارة إرشادات مركزة للإعداد، والترحيل، وتصحيح الأخطاء، والقوالب لفرق React.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "tanstack-query" from https://skillstore.io/skills/jezweb-tanstack-query.md and its manifest at https://skillstore.io/api/skills/jezweb-tanstack-query/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "tanstack-query". يسأل مطور عن كيفية إضافة TanStack Query إلى تطبيق React.
النتيجة المتوقعة:
خطة إعداد تتضمن إرشادات الحزم، وموضع provider، والإعدادات الافتراضية لـ QueryClient، وملاحظات DevTools، وخطوات التحقق.
جارٍ استخدام "tanstack-query". يشارك مشرف كود v4 يحتوي على cacheTime وفحوصات حالة التحميل.
النتيجة المتوقعة:
قائمة تحقق للترحيل تربط الخيارات القديمة بأسماء v5 وتشرح تغير دلالات التحميل.
جارٍ استخدام "tanstack-query". يبلغ فريق عن بيانات قديمة بعد mutation.
النتيجة المتوقعة:
مسار تصحيح يغطي query keys، ونطاق الإبطال، والتحديثات التفاؤلية، ونقاط الفحص في DevTools.
Most static findings are false positives caused by Markdown backticks, TypeScript template literals, local API examples, and React identifiers. Confirmed issues are low-risk external demo API calls in copy-ready templates, plus medium-risk semantic concerns around production DevTools exposure and visible stack traces.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/jezweb-tanstack-query/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jezweb-tanstack-query?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/jezweb-tanstack-query?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jezweb-tanstack-query/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/jezweb-tanstack-query.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>jezweb. (2026). tanstack-query security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jezweb-tanstack-query/audits/4@techreport{jezweb-jezweb-tanstack-query-2026,
author = {jezweb},
title = {tanstack-query security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/jezweb-tanstack-query/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: "tanstack-query security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "jezweb"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/jezweb-tanstack-query/audits/4"
identifiers:
- type: other
value: "skillstore:jezweb-tanstack-query:audit:4"
description: "Skillstore immutable audit report identifier"
أنشئ QueryClient، وغلّف provider التطبيق، واضبط الإعدادات الافتراضية للتخزين المؤقت، وأضف DevTools بأمان.
استبدل callbacks المحذوفة، وحدّث أسماء الخيارات، وأصلح أعلام الحالة، وحل أخطاء ترحيل TypeScript.
تحقق من مشكلات إعادة الجلب، والإبطال، والتحديثات التفاؤلية، والتقسيم إلى صفحات، وsuspense، والترطيب.
ساعدني في إضافة TanStack Query v5 إلى تطبيق React TypeScript. ضمّن إعداد provider، وإعدادات افتراضية مناسبة، وإرشادات DevTools.
صمم خطافات TanStack Query v5 لهذا المورد. ضمّن query keys، وqueryOptions، وstaleTime، ومعالجة الأخطاء، وحالات التحميل.
راجع استخدام React Query v4 هذا وحوله إلى TanStack Query v5. اشرح كل تغيير كاسر والبديل الأكثر أمانا.
حلل مشكلة التخزين المؤقت أو suspense أو الترطيب هذه في TanStack Query v5. حدد الأسباب المحتملة، والاختبارات، وأقل تغييرات ممكنة في الكود.
المؤلف
jezwebالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
a06681402992ceae98ba04d54cfd4ab004862696
حداثة الصيانة
٢٥/٧/٢٠٢٦
الاستخدام
6 تنزيلات · 389 مشاهدات
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
بناء تطبيقات React و Next.js حديثة
بواسطة sickn33
غالبا ما تحتاج مشاريع React و Next.js إلى اختيارات إعداد متسقة عبر التوجيه، والمكونات، والتنسيق، والبيانات، والنماذج، والاختبارات، والنشر. تمنح هذه المهارة Claude و Codex و Claude Code سير عمل قائمًا على مراحل لتخطيط وبناء تطبيقات واجهة أمامية حديثة.
تحسين تغطية اختبارات Playwright
بواسطة C0ntr0lledCha0s
يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.
إنشاء تطبيقات Starknet باستخدام starknet.js
بواسطة internet-court
تتطلب عمليات التكامل مع Starknet معالجة دقيقة لمزوّد الخدمة والحسابات والمعاملات والرسوم. توفّر هذه المهارة لـ Claude وCodex وClaude Code أنماطًا عملية لاستخدام starknet.js v9.
تحسين جودة كود Vue 3
بواسطة vuejs-ai
غالبا ما تتراكم في مشاريع Vue أخطاء تتعلق بالتفاعلية والمكونات والأداء مع مرور الوقت. توفر هذه المهارة إرشادات موجهة لـ Vue 3 لاستخدام أنماط أكثر أمانا وكود أوضح.