Caffeine AIアプリにStripe Checkoutを追加
安全な決済フローを構築するには、バックエンド、フロントエンド、ルーティングを連携させる必要があります。このスキルでは、Caffeine AIアプリケーションへのStripe Checkout統合について説明します。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「extension-stripe」を使用しています。 私のCaffeine AIストア向けにStripe Checkoutを計画してください。
期待される結果:
「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 は証拠を報告しますが、この Skill が安全かどうかは判断しません。
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バックエンドに追加してください。既存の商品モデルを使用し、クライアントが価格を制御できないようにしてください。
既存のアクターとTanStack Routerを使用して、Reactのチェックアウトフック、決済フロー、URL検証、および結果ルートを作成してください。
価格改ざん、リダイレクトの悪用、セッションの所有権、シークレットの取り扱い、およびWebhook検証の観点から、この統合を監査してください。具体的なコード変更とテストを提案してください。
作成者
caffeinelabsライセンス
MIT
作者バージョン
v0.1.6
Skillstore リビジョン
r2
参照
a39a91716eadede5f4cdefd78178fed4e837a128
メンテナンスの新しさ
2026/7/24
利用状況
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.
Caffeine AI にバックエンド HTTP アウトコールを追加する
バックエンドキャニスターには、外部サービスを制御された方法で呼び出す仕組みが必要です。このスキルでは、変換コールバックを使用して GET および POST アウトコールを追加する方法を示します。
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。