page-builder
79إنشاء صفحات تسويقية باستخدام Tailark
قد يستغرق تجميع الصفحات التسويقية وقتًا عندما تكون خيارات المكونات غير واضحة. تربط هذه المهارة أهداف الصفحة بأقسام Tailark وخطوات التنفيذ.
إنشاء سير عمل Vercel AI SDK
غالبًا ما تضيع الفرق وقتًا في ربط الدردشة، والمخرجات المنظمة، وسير عمل الوكلاء عبر خدمات Next.js. توفر هذه المهارة أنماطًا مركزة لاستخدام Vercel AI SDK لمستخدمي Claude وCodex وClaude Code.
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "ai-sdk-handler" from https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler.md and its manifest at https://skillstore.io/api/skills/aayushbaniya2006-ai-sdk-handler/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "ai-sdk-handler". أنشئ ميزة دردشة متدفقة ومصادقًا عليها لتطبيق Next.js.
النتيجة المتوقعة:
خطة تنفيذ قصيرة تغطي إعداد المزوّد، ومسار POST محميًا، وعميل useChat، وفحوصات النشر.
جارٍ استخدام "ai-sdk-handler". أنشئ مولد جدول رحلة من مدخلات المستخدم.
النتيجة المتوقعة:
جارٍ استخدام "ai-sdk-handler". انقل مهمة بحث متعددة الخطوات إلى وكيل خلفي.
النتيجة المتوقعة:
مخطط سير عمل يتضمن مشغلات Inngest، وحدود خطوات ثابتة، واستدعاءات النموذج، وتخزين النتائج، ونقاط إشعار المستخدم.
The static command findings are false positives caused by Markdown inline code and TypeScript template literals, not shell execution. The API key findings are also false positives because the examples read provider keys from server-side environment variables rather than hardcoding or leaking secrets. I found semantic risks in unauthenticated AI route examples and missing prompt-injection guardrail guidance.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aayushbaniya2006-ai-sdk-handler/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/aayushbaniya2006-ai-sdk-handler.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>AayushBaniya2006. (2026). ai-sdk-handler security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler/audits/9@techreport{aayushbaniya2006-aayushbaniya2006-ai-sdk-handler-2026,
author = {AayushBaniya2006},
title = {ai-sdk-handler security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler/audits/9},
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: "ai-sdk-handler security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "AayushBaniya2006"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/aayushbaniya2006-ai-sdk-handler/audits/9"
identifiers:
- type: other
value: "skillstore:aayushbaniya2006-ai-sdk-handler:audit:9"
description: "Skillstore immutable audit report identifier"
أنشئ مسار دردشة محميًا وعميل React يبثان استجابات النموذج للمستخدمين.
استخدم مخططات Zod وgenerateObject لتحويل مدخلات المستخدم إلى بيانات تطبيق ذات أنواع محددة.
انقل مهام البحث أو التخطيط طويلة التشغيل إلى سير عمل Inngest بخطوات محدودة.
استخدم هذه المهارة لإضافة مسار دردشة متدفق ومصادق عليه باستخدام Vercel AI SDK، مع مكون عميل React مطابق، إلى تطبيق Next.js الخاص بي.
استخدم هذه المهارة لإنشاء نقطة نهاية generateObject تتحقق من المخرجات باستخدام مخطط Zod وتعيد بيانات تطبيق ذات أنواع محددة.
استخدم هذه المهارة لتصميم مسار streamUI يعيد مكونات React من استدعاءات الأدوات ويحافظ على جميع الأدوات على جانب الخادم.
استخدم هذه المهارة لتصميم وكيل بحث Inngest مع المصادقة، وحدود المعدل، والحلقات المحدودة، والتحقق من المخطط، والنتائج المحفوظة.
المؤلف
AayushBaniya2006الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
a29db30e42179ff8ed4d95c9dfba3704c22643d0
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
5 تنزيلات · 188 مشاهدات
بنية الملفات
إنشاء صفحات تسويقية باستخدام Tailark
قد يستغرق تجميع الصفحات التسويقية وقتًا عندما تكون خيارات المكونات غير واضحة. تربط هذه المهارة أهداف الصفحة بأقسام Tailark وخطوات التنفيذ.
بناء تدفقات شراء الأرصدة والرصيد
قد تفشل ميزات الأرصدة عندما تصبح الأسعار والأرصدة وتدفقات واجهة المستخدم غير متسقة. ترشد هذه المهارة إلى أنواع الأرصدة وتدفقات الشراء وعروض الرصيد ومساعدات التخصيص.
حماية مسارات المصادقة في Next.js
غالبا ما تفشل تغييرات المصادقة عندما تخلط الفرق بين واجهات session APIs وحراس المسارات. ترشد هذه المهارة Claude وCodex وClaude Code إلى مساعدات المشروع لتحقيق تحكم آمن في الوصول.
اكتب نصوصًا تسويقية واضحة
غالبًا ما تحتاج الفرق إلى نصوص إقناعية واضحة وموجزة ومركزة على التحويل. تصوغ هذه المهارة وتحسّن صفحات الهبوط ورسائل البريد الإلكتروني وعبارات CTA والرسائل التسويقية للمنتجات.
بناء واجهة مستخدم باستخدام Shadcn و 21st.dev
تحتاج فرق الواجهة الأمامية إلى مكونات واجهة مستخدم وأقسام صفحات متسقة. ترشد هذه المهارة Claude و Codex و Claude Code إلى استخدام Shadcn MCP و 21st.dev MCP.
إنشاء نماذج ومسارات API مع التحقق
غالبا ما تكرر الفرق إعداد النماذج، والتحقق، ومسارات CRUD عبر الميزات. تمنح هذه المهارة Claude وCodex وClaude Code نمطا متسقا لتسليم نماذج TypeScript.
بناء وكلاء Claude Code
بواسطة C0ntr0lledCha0s
يتطلب إنشاء وكلاء AI موثوقين مخططات واضحة وأدوات آمنة وخطوات مراجعة قابلة للتكرار. ترشد هذه المهارة تصميم الوكلاء والتحقق منهم وترحيلهم وصيانتهم ضمن سير عمل Claude Code.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تخطيط بنية Next.js App Router
بواسطة 89jobrien
قد تواجه فرق Next.js صعوبة في اختيار المسارات والمكونات وتحميل البيانات وخطوات الترحيل. توفر هذه المهارة إرشادات بنيوية منظمة لـ App Router وServer Components والأداء.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.