إضافة Stripe Checkout إلى تطبيقات Caffeine AI
يتطلب إنشاء تدفق دفع آمن تنسيق العمل بين الواجهة الخلفية والواجهة الأمامية والتوجيه. ترشد هذه المهارة إلى دمج Stripe Checkout في تطبيقات Caffeine AI.
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "extension-stripe" from https://skillstore.io/skills/caffeinelabs-extension-stripe.md and its manifest at https://skillstore.io/api/skills/caffeinelabs-extension-stripe/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "extension-stripe". خطط لإضافة Stripe Checkout إلى متجر Caffeine AI الخاص بي.
النتيجة المتوقعة:
جارٍ استخدام "extension-stripe". صِف تدفق الدفع المتوقع في الواجهة الأمامية.
النتيجة المتوقعة:
تطلب الواجهة جلسة دفع، وتتحقق من عنوان URL المُعاد، ثم تعيد توجيه المتصفح، وتتعامل مع النجاح أو الفشل عبر مسارات مخصصة.
جارٍ استخدام "extension-stripe". راجع أسلوب الدفع الخاص بي للتحقق من أمان المدفوعات.
النتيجة المتوقعة:
All 25 static findings are false positives caused by Markdown syntax, ordinary imports, template literals, and an informational link. Semantic review found client-controlled pricing and redirect URLs in the recommended checkout design.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/caffeinelabs-extension-stripe/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/caffeinelabs-extension-stripe?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/caffeinelabs-extension-stripe?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/caffeinelabs-extension-stripe/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/caffeinelabs-extension-stripe.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>caffeinelabs. (2026). extension-stripe security audit report (audit version 3) [Author version 0.1.6]. Skillstore. https://skillstore.io/skills/caffeinelabs-extension-stripe/audits/3@techreport{caffeinelabs-caffeinelabs-extension-stripe-2026,
author = {caffeinelabs},
title = {extension-stripe security audit report (audit version 3)},
institution = {Skillstore},
year = {2026},
number = {3},
url = {https://skillstore.io/skills/caffeinelabs-extension-stripe/audits/3},
note = {Author version 0.1.6}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "extension-stripe security audit report (audit version 3)"
version: "0.1.6"
type: report
authors:
- name: "caffeinelabs"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/caffeinelabs-extension-stripe/audits/3"
identifiers:
- type: other
value: "skillstore:caffeinelabs-extension-stripe:audit:3"
description: "Skillstore immutable audit report identifier"
ربط واجهة منتجات موجودة في Caffeine AI بخدمة Stripe Checkout، مع إنشاء الجلسات في الواجهة الخلفية ومسارات نتائج الدفع.
إنشاء تدفق إعداد مخصص للمسؤول فقط من أجل المفتاح السري لـ Stripe والدول المسموح بها.
مقارنة تدفق دفع موجود بمتطلبات الواجهة الخلفية والواجهة الأمامية والتوجيه والتحقق الموثقة.
راجع بنية تطبيق Caffeine AI الخاص بي وحدد الملفات والخطوات اللازمة لإضافة هذا الدمج مع Stripe Checkout.
أضف إعدادات Stripe وأساليب الدفع المحمية بالتفويض إلى الواجهة الخلفية المبنية باستخدام Motoko. استخدم نموذج المنتجات الحالي لدي وتجنب الأسعار التي يتحكم فيها العميل.
أنشئ React hook للدفع وتدفق الدفع والتحقق من عناوين URL ومسارات النتائج باستخدام الممثل الحالي لدي وTanStack Router.
دقق هذا الدمج للكشف عن التلاعب بالأسعار وإساءة استخدام إعادة التوجيه وملكية الجلسات والتعامل مع الأسرار والتحقق من webhooks. اقترح تغييرات واختبارات دقيقة للكود.
المؤلف
caffeinelabsالترخيص
MIT
إصدار المؤلف
v0.1.6
مراجعة Skillstore
r2
مرجع
a39a91716eadede5f4cdefd78178fed4e837a128
حداثة الصيانة
٢٤/٧/٢٠٢٦
الاستخدام
0 تنزيلات · 0 مشاهدات
بنية الملفات
📄 SKILL.md
Expose Canister Data Through OQL
Structured canister data is difficult for intelligence agents to query safely. This skill adds OQL entities, schema discovery, query execution, relationships, and per-entity authorization.
إضافة موافقة المستخدم إلى تطبيقات Caffeine AI
تحتاج التطبيقات إلى طريقة منضبطة لقبول المستخدمين قبل إتاحة الميزات المحمية لهم. توضح هذه المهارة عمليات التحقق من الموافقة في الواجهة الخلفية ومسارات عمل الإدارة في الواجهة الأمامية.
Add Object Storage to Caffeine AI Apps
Large files need storage beyond Internet Computer canister limits. This skill guides Caffeine AI projects through backend integration, browser uploads, cached display, downloads, and troubleshooting.
Query OQL Canisters with the ICP CLI
Writing OQL queries requires exact schema names, JSON types, Candid escaping, and careful pagination. This skill provides practical patterns for reliable, read-only canister queries.
Add Camera Capture to React Apps
Web camera integration requires permission handling, preview state, and device controls. This skill guides Claude, Codex, and Claude Code through the provided React hook.
إضافة استدعاءات HTTP خارجية من الواجهة الخلفية إلى Caffeine AI
تحتاج حاويات الواجهة الخلفية إلى طريقة محكومة لاستدعاء الخدمات الخارجية. توضّح هذه المهارة كيفية إضافة استدعاءات GET وPOST الخارجية باستخدام استدعاءات التحويل الراجعة.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.