什么是 stripe-shop-integration？
针对 React 商店的全面 Stripe 电子商务集成（Vite 或 Next.js）。在构建在线商店、支付系统、结账流程或集成 Stripe 支付时使用。涵盖客户端设置、服务器端 API、网络钩子、购物车系统和英国英镑配置。 来源：websmartteam/cor-code。
·stripe-shop-integration
</>
stripe-shop-integration
✓针对 React 商店的全面 Stripe 电子商务集成（Vite 或 Next.js）。在构建在线商店、支付系统、结账流程或集成 Stripe 支付时使用。涵盖客户端设置、服务器端 API、网络钩子、购物车系统和英国英镑配置。
如何安装 stripe-shop-integration
通过命令行快速安装 stripe-shop-integration AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：websmartteam/cor-code。
SKILL.md
查看原文Production-tested patterns for integrating Stripe payments into React e-commerce applications with Supabase backend. Supports both Vite and Next.js. All examples use UK GBP currency and follow enterprise security standards.
| Framework | API Routes | Environment Variables | Server Components |
| Vite + Vercel | api/.ts (Vercel functions) | import.meta.env.VITE | No (CSR only) | | Next.js App Router | app/api//route.ts | process.env. | Yes (RSC) | | Next.js Pages Router | pages/api/.ts | process.env. | No |
针对 React 商店的全面 Stripe 电子商务集成（Vite 或 Next.js）。在构建在线商店、支付系统、结账流程或集成 Stripe 支付时使用。涵盖客户端设置、服务器端 API、网络钩子、购物车系统和英国英镑配置。 来源：websmartteam/cor-code。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-25
- 更新时间
- 2026-03-10
快速解答
如何安装 stripe-shop-integration？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/websmartteam/cor-code --skill stripe-shop-integration 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/websmartteam/cor-code