page-builder
79إنشاء صفحات تسويقية باستخدام Tailark
قد يستغرق تجميع الصفحات التسويقية وقتًا عندما تكون خيارات المكونات غير واضحة. تربط هذه المهارة أهداف الصفحة بأقسام Tailark وخطوات التنفيذ.
إضافة تحميلات S3 إلى تطبيقك
يتطلب بناء تحميل الملفات واجهة مستخدم، ومنطق عميل، ومسارات خادم. ترشد هذه المهارة Claude وCodex وClaude Code عبر أنماط تحميل S3 لتطبيقات الويب.
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "s3-upload-handler" from https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler.md and its manifest at https://skillstore.io/api/skills/aayushbaniya2006-s3-upload-handler/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "s3-upload-handler". أضف رافع صورة ملف شخصي إلى صفحة إعدادات حسابي.
النتيجة المتوقعة:
يوصي المساعد بمتغير الزر، ويسرد المسار وcallback المطلوبين، ويشير إلى مكان تخزين عنوان URL للصورة المعادة.
جارٍ استخدام "s3-upload-handler". أحتاج إلى منطقة إفلات لأصول المشروع بخمسة ملفات وتحميلات للصور فقط.
النتيجة المتوقعة:
يصف المساعد إعداد منطقة الإفلات، وحدود الملفات، وأنواع الصور المقبولة، وسلوك اكتمال التحميل المتوقع.
جارٍ استخدام "s3-upload-handler". راجع مسار التحميل الموقّع مسبقا لدي قبل الإنتاج.
النتيجة المتوقعة:
يبلغ المساعد عن فحوصات الوصول المفقودة، واحتياجات التحقق من جانب الخادم، وتوصيات تخزين الكائنات الخاصة، ومعالجة أكثر أمانا لمفاتيح الكائنات.
Most external-command findings are false positives from Markdown inline code and fenced TypeScript examples, with no shell execution. The AWS credential and .env.local guidance is confirmed as sensitive secret handling, and the presigned upload example adds a high-risk concern because it lacks visible access control and uses public-read uploads.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aayushbaniya2006-s3-upload-handler/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/aayushbaniya2006-s3-upload-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). s3-upload-handler security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8@techreport{aayushbaniya2006-aayushbaniya2006-s3-upload-handler-2026,
author = {AayushBaniya2006},
title = {s3-upload-handler security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8},
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: "s3-upload-handler security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "AayushBaniya2006"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8"
identifiers:
- type: other
value: "skillstore:aayushbaniya2006-s3-upload-handler:audit:8"
description: "Skillstore immutable audit report identifier"
استخدم متغير الزر لتوجيه تدفق تحميل بسيط لملف واحد لصور الملف الشخصي.
استخدم نمط منطقة الإفلات مع حدود لعدد الملفات وحجمها لتدفقات العمل متعددة الملفات.
استخدم نمط أداة الخادم عندما تنشئ مسارات API أو إجراءات الخادم ملفات قبل التخزين.
استخدم هذه المهارة لتخطيط تدفق تحميل S3 بسيط لصفحة Next.js. أوصِ بالمكوّن، والخصائص المطلوبة، وخطوات الإعداد.
استخدم هذه المهارة لتصميم واجهة تحميل S3 مخصصة باستخدام ClientS3Uploader. ضمّن التعامل مع الحالة، وتوقعات التقدم، ومعالجة الأخطاء.
استخدم هذه المهارة لتوضيح مسار تحميل S3 من جانب الخادم للملفات المنشأة. ضمّن نوع المحتوى، ومسار الكائن، ومعالجة الاستجابة.
استخدم هذه المهارة لمراجعة مسار تحميل S3 موقّع مسبقا. حدد عناصر المصادقة، والتفويض، والتحقق، وACL الكائن، وضوابط تسمية المفاتيح المفقودة.
المؤلف
AayushBaniya2006الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
c1fdca50ff516318f65fed0d7f9e82797c5171dc
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
6 تنزيلات · 246 مشاهدات
بنية الملفات
📄 SKILL.md
إنشاء صفحات تسويقية باستخدام 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.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين تغطية اختبارات Playwright
بواسطة C0ntr0lledCha0s
يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.
إنشاء تطبيقات Starknet باستخدام starknet.js
بواسطة internet-court
تتطلب عمليات التكامل مع Starknet معالجة دقيقة لمزوّد الخدمة والحسابات والمعاملات والرسوم. توفّر هذه المهارة لـ Claude وCodex وClaude Code أنماطًا عملية لاستخدام starknet.js v9.
تحسين جودة كود Vue 3
بواسطة vuejs-ai
غالبا ما تتراكم في مشاريع Vue أخطاء تتعلق بالتفاعلية والمكونات والأداء مع مرور الوقت. توفر هذه المهارة إرشادات موجهة لـ Vue 3 لاستخدام أنماط أكثر أمانا وكود أوضح.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.