elsabro 2.0.1 → 2.2.0

package/skills/nextjs-app.md

@@ -1,6 +1,15 @@
 ---
 name: nextjs-app
-description: Skill para crear aplicaciones web con Next.js. Usa este skill cuando el usuario quiere crear una página web, dashboard, o aplicación web.
+description: Skill para crear aplicaciones web con Next.js. Usa este skill cuando el usuario quiere crear una pagina web, dashboard, o aplicacion web.
+tags:
+  - web
+  - nextjs
+  - react
+  - typescript
+  - tailwind
+  - fullstack
+difficulty: intermediate
+estimated_time: 20-30 min
 ---
 
 # Skill: Crear App Next.js
@@ -17,6 +26,28 @@ Usar cuando el usuario menciona:
 - "blog"
 </when_to_use>
 
+<pre_requisites>
+## Pre-requisitos
+
+### Conocimientos
+- JavaScript/TypeScript basico
+- React fundamentals (components, hooks, state)
+- HTML/CSS basico
+- Terminal/CLI basico
+
+### Software
+- Node.js 20+ LTS
+- npm, yarn, o pnpm
+- Editor de codigo (VS Code recomendado)
+- Navegador moderno (Chrome, Firefox, Safari, Edge)
+
+### Extensiones recomendadas (VS Code)
+- ES7+ React/Redux/React-Native snippets
+- Tailwind CSS IntelliSense
+- Prettier
+- ESLint
+</pre_requisites>
+
 <before_starting>
 ## Investigación Obligatoria
 
@@ -43,7 +74,7 @@ Usar cuando el usuario menciona:
 
 | Tecnología | Propósito | Verificar |
 |------------|-----------|-----------|
-| Next.js 15+ | Framework React | Context7 |
+| Next.js 15.x | Framework React | Context7 |
 | TypeScript | Type safety | Context7 |
 | Tailwind CSS 4 | Estilos | Context7 |
 | App Router | Routing | Context7 |

package/skills/payments-setup.md

@@ -1,6 +1,15 @@
 ---
 name: payments-setup
 description: Skill para integrar pagos en cualquier proyecto. Usa este skill cuando el usuario quiere cobrar, vender, suscripciones, o Stripe.
+tags:
+  - payments
+  - stripe
+  - billing
+  - subscriptions
+  - e-commerce
+  - checkout
+difficulty: advanced
+estimated_time: 45-60 min
 ---
 
 # Skill: Setup de Pagos
@@ -17,6 +26,30 @@ Usar cuando el usuario menciona:
 - "e-commerce"
 </when_to_use>
 
+<pre_requisites>
+## Pre-requisitos
+
+### Conocimientos
+- JavaScript/TypeScript intermedio
+- Conceptos de API REST
+- Async/await y Promises
+- Conceptos basicos de seguridad web (HTTPS, tokens)
+
+### Software
+- Node.js 20+ LTS
+- Proyecto existente (Next.js, Hono, o similar)
+- Stripe CLI (para desarrollo local)
+
+### Cuentas requeridas
+- Cuenta de Stripe (gratis para test mode)
+- Stripe CLI instalado: `brew install stripe/stripe-cli/stripe`
+
+### Antes de produccion
+- Cuenta bancaria verificada en Stripe
+- Documentacion de negocio completada
+- Politicas de reembolso definidas
+</pre_requisites>
+
 <before_starting>
 ## Investigación Obligatoria
 
@@ -59,6 +92,48 @@ Usar cuando el usuario menciona:
 | PayPal | Audiencia que lo prefiere |
 </recommended_stack>
 
+<project_structure>
+## Estructura de Proyecto
+
+### Archivos de Stripe en Next.js
+```
+src/
+├── lib/
+│   ├── stripe.ts              # Cliente servidor (secret key)
+│   └── stripe-client.ts       # Cliente frontend (publishable key)
+├── app/
+│   ├── api/
+│   │   ├── checkout/
+│   │   │   └── route.ts       # Crear sesion de checkout
+│   │   ├── subscribe/
+│   │   │   └── route.ts       # Crear suscripcion
+│   │   ├── portal/
+│   │   │   └── route.ts       # Customer portal
+│   │   └── webhooks/
+│   │       └── stripe/
+│   │           └── route.ts   # Webhook handler
+│   ├── success/
+│   │   └── page.tsx           # Pagina post-pago exitoso
+│   ├── cancel/
+│   │   └── page.tsx           # Pagina pago cancelado
+│   └── pricing/
+│       └── page.tsx           # Pagina de precios
+└── components/
+    ├── BuyButton.tsx          # Boton de compra
+    ├── SubscribeButton.tsx    # Boton de suscripcion
+    └── ManageSubscription.tsx # Acceso a portal
+```
+
+### Variables de entorno
+```bash
+# .env.local
+STRIPE_SECRET_KEY=sk_test_xxx           # Solo servidor
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_xxx  # Cliente
+STRIPE_WEBHOOK_SECRET=whsec_xxx         # Webhooks
+NEXT_PUBLIC_URL=http://localhost:3000   # URL base
+```
+</project_structure>
+
 <stripe_setup>
 ## Setup Stripe (Recomendado)
 
@@ -98,7 +173,7 @@ STRIPE_WEBHOOK_SECRET=whsec_xxx
 import Stripe from 'stripe'
 
 export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, {
-  apiVersion: '2024-11-20.acacia', // Verificar versión actual
+  apiVersion: '2024-12-18.acacia', // API version 2026
   typescript: true,
 })
 ```