@the-bearded-bear/claude-craft 3.0.0

package/Dev/i18n/es/ReactNative/commands/check-code-quality.md

@@ -0,0 +1,287 @@
+---
+description: Verificar Calidad de Código de React Native
+argument-hint: [arguments]
+---
+
+# Verificar Calidad de Código de React Native
+
+## Argumentos
+
+$ARGUMENTS
+
+## MISIÓN
+
+Eres un experto en auditoría de calidad de código React Native. Tu misión es analizar el cumplimiento del código según los estándares definidos en `.claude/rules/03-coding-standards.md`, `.claude/rules/04-solid-principles.md` y `.claude/rules/05-kiss-dry-yagni.md`.
+
+### Paso 1: Análisis de configuración
+
+1. Verificar presencia y configuración de TypeScript
+2. Verificar presencia y configuración de ESLint
+3. Verificar presencia y configuración de Prettier
+4. Analizar archivos de configuración package.json
+
+### Paso 2: Verificación de TypeScript (7 puntos)
+
+Verificar configuración de TypeScript:
+
+#### 🔧 Configuración tsconfig.json
+
+- [ ] **(2 pts)** `"strict": true` habilitado
+- [ ] **(1 pt)** `"noImplicitAny": true`
+- [ ] **(1 pt)** `"strictNullChecks": true`
+- [ ] **(1 pt)** `"noUnusedLocals": true` y `"noUnusedParameters": true`
+- [ ] **(1 pt)** Alias de rutas configurados (ej: `@/components`, `@/utils`)
+- [ ] **(1 pt)** Tipos correctos para React Native (`@types/react`, `@types/react-native`)
+
+**Archivos a verificar:**
+```bash
+tsconfig.json
+package.json
+```
+
+#### 📝 Uso de TypeScript en el Código
+
+Verificar 5-10 archivos TypeScript aleatorios:
+
+- [ ] Sin `any` (excepto casos justificados y documentados)
+- [ ] Interfaces/Types bien definidos para props
+- [ ] Tipos para funciones (params y return)
+- [ ] Sin `@ts-ignore` o `@ts-nocheck` (excepto excepciones documentadas)
+- [ ] Uso de genéricos cuando sea apropiado
+
+**Archivos a verificar:**
+```bash
+src/**/*.tsx
+src/**/*.ts
+```
+
+### Paso 3: Verificación de ESLint (6 puntos)
+
+#### 🔍 Configuración de ESLint
+
+- [ ] **(2 pts)** `.eslintrc.js` o `.eslintrc.json` presente y configurado
+- [ ] **(1 pt)** Plugin `@react-native` o equivalente configurado
+- [ ] **(1 pt)** Plugin `@typescript-eslint` configurado
+- [ ] **(1 pt)** Reglas de React Hooks habilitadas (`react-hooks/rules-of-hooks`, `react-hooks/exhaustive-deps`)
+- [ ] **(1 pt)** Scripts ESLint en package.json (`lint`, `lint:fix`)
+
+**Archivos a verificar:**
+```bash
+.eslintrc.js
+.eslintrc.json
+package.json
+```
+
+#### ⚠️ Verificación de Errores ESLint
+
+Ejecutar ESLint y analizar resultados:
+
+```bash
+npm run lint
+# o
+yarn lint
+```
+
+- [ ] 0 errores ESLint
+- [ ] < 10 advertencias ESLint
+- [ ] Sin reglas deshabilitadas sin justificación
+
+### Paso 4: Verificación de Prettier (3 puntos)
+
+- [ ] **(1 pt)** `.prettierrc` presente con configuración consistente
+- [ ] **(1 pt)** Integración ESLint + Prettier (sin conflictos)
+- [ ] **(1 pt)** Script de formato en package.json
+
+**Archivos a verificar:**
+```bash
+.prettierrc
+.prettierrc.js
+.prettierrc.json
+package.json
+```
+
+### Paso 5: Principios SOLID (4 puntos)
+
+Referencia: `.claude/rules/04-solid-principles.md`
+
+Analizar 3-5 componentes o módulos principales:
+
+- [ ] **(1 pt)** **S - Single Responsibility**: Cada componente/función tiene una sola responsabilidad
+- [ ] **(1 pt)** **O - Open/Closed**: Extensiones posibles sin modificar código existente
+- [ ] **(1 pt)** **L - Liskov Substitution**: Los componentes son intercambiables
+- [ ] **(1 pt)** **D - Dependency Inversion**: Dependencias vía props/inyección, sin acoplamiento fuerte
+
+**Archivos a analizar:**
+```bash
+src/components/**/*.tsx
+src/features/**/*.tsx
+src/hooks/**/*.ts
+```
+
+### Paso 6: Principios KISS, DRY, YAGNI (5 puntos)
+
+Referencia: `.claude/rules/05-kiss-dry-yagni.md`
+
+- [ ] **(2 pts)** **KISS (Keep It Simple)**: Código simple y legible, sin sobre-ingeniería
+- [ ] **(2 pts)** **DRY (Don't Repeat Yourself)**: Sin duplicación de código, reutilización vía hooks/utils
+- [ ] **(1 pt)** **YAGNI (You Aren't Gonna Need It)**: Sin código no utilizado o features especulativas
+
+Verificar:
+- Funciones duplicadas que podrían factorizarse
+- Lógica compleja que podría simplificarse
+- Código muerto o comentado que debería eliminarse
+
+**Archivos a analizar:**
+```bash
+src/**/*.ts
+src/**/*.tsx
+```
+
+### Paso 7: Estándares de Código React Native
+
+Referencia: `.claude/rules/03-coding-standards.md`
+
+#### 📱 Mejores Prácticas Específicas
+
+- [ ] Uso correcto de `StyleSheet.create()` (no estilos inline en todas partes)
+- [ ] Constantes para colores, espaciado, tipografía
+- [ ] Componentes funcionales con hooks (sin componentes de clase)
+- [ ] Gestión de estado correcta (useState, useReducer según necesidad)
+- [ ] Uso de `useCallback` para handlers pasados como props
+- [ ] Uso de `useMemo` para cálculos costosos
+
+**Archivos a verificar:**
+```bash
+src/components/**/*.tsx
+src/theme/
+src/constants/
+```
+
+### Paso 8: Calcular puntuación
+
+```
+┌──────────────────────────────────┬─────────┬────────┐
+│ Criterio                         │ Puntos  │ Estado │
+├──────────────────────────────────┼─────────┼────────┤
+│ Configuración TypeScript         │ XX/7    │ ✅/⚠️/❌│
+│ ESLint                           │ XX/6    │ ✅/⚠️/❌│
+│ Prettier                         │ XX/3    │ ✅/⚠️/❌│
+│ Principios SOLID                 │ XX/4    │ ✅/⚠️/❌│
+│ KISS, DRY, YAGNI                 │ XX/5    │ ✅/⚠️/❌│
+├──────────────────────────────────┼─────────┼────────┤
+│ TOTAL CALIDAD DE CÓDIGO          │ XX/25   │ ✅/⚠️/❌│
+└──────────────────────────────────┴─────────┴────────┘
+```
+
+**Leyenda:**
+- ✅ Excelente (≥ 20/25)
+- ⚠️ Advertencia (15-19/25)
+- ❌ Crítico (< 15/25)
+
+### Paso 9: Informe detallado
+
+## 📊 RESULTADOS DE AUDITORÍA DE CALIDAD DE CÓDIGO
+
+### ✅ Fortalezas
+
+Listar las buenas prácticas identificadas:
+- [Práctica 1 con ejemplo de código]
+- [Práctica 2 con ejemplo de código]
+
+### ⚠️ Puntos de Mejora
+
+Listar los problemas identificados por prioridad:
+
+1. **[Problema 1]**
+   - **Severidad:** Crítico/Alto/Medio
+   - **Ubicación:** [Archivos afectados]
+   - **Ejemplo:**
+   ```typescript
+   // Código problemático
+   ```
+   - **Recomendación:**
+   ```typescript
+   // Código corregido
+   ```
+
+2. **[Problema 2]**
+   - **Severidad:** Crítico/Alto/Medio
+   - **Ubicación:** [Archivos afectados]
+   - **Ejemplo:**
+   ```typescript
+   // Código problemático
+   ```
+   - **Recomendación:**
+   ```typescript
+   // Código corregido
+   ```
+
+### 📈 Métricas de Calidad
+
+Ejecutar y reportar las siguientes métricas:
+
+#### Errores ESLint
+```bash
+npm run lint
+```
+- **Errores:** XX
+- **Advertencias:** XX
+- **Archivos analizados:** XX
+
+#### Complejidad del Código
+
+Si SonarQube u otra herramienta está disponible:
+- **Complejidad ciclomática promedio:** XX (objetivo: < 10)
+- **Líneas de código:** XX
+- **Duplicación:** XX% (objetivo: < 5%)
+- **Deuda técnica:** XX horas
+
+#### TypeScript
+
+- **Porcentaje de tipado estricto:** XX% (objetivo: 100%)
+- **Uso de `any`:** XX ocurrencias (objetivo: 0)
+- **Errores TypeScript:** XX (objetivo: 0)
+
+### 🎯 TOP 3 ACCIONES PRIORITARIAS
+
+#### 1. [ACCIÓN #1]
+- **Esfuerzo:** Bajo/Medio/Alto
+- **Impacto:** Crítico/Alto/Medio
+- **Descripción:** [Detalle del problema]
+- **Solución:** [Acción concreta]
+- **Archivos:** [Lista de archivos]
+- **Ejemplo:**
+```typescript
+// Antes
+[código problemático]
+
+// Después
+[código corregido]
+```
+
+#### 2. [ACCIÓN #2]
+- **Esfuerzo:** Bajo/Medio/Alto
+- **Impacto:** Crítico/Alto/Medio
+- **Descripción:** [Detalle del problema]
+- **Solución:** [Acción concreta]
+- **Archivos:** [Lista de archivos]
+
+#### 3. [ACCIÓN #3]
+- **Esfuerzo:** Bajo/Medio/Alto
+- **Impacto:** Crítico/Alto/Medio
+- **Descripción:** [Detalle del problema]
+- **Solución:** [Acción concreta]
+- **Archivos:** [Lista de archivos]
+
+---
+
+## 📚 Referencias
+
+- `.claude/rules/03-coding-standards.md` - Estándares de código
+- `.claude/rules/04-solid-principles.md` - Principios SOLID
+- `.claude/rules/05-kiss-dry-yagni.md` - Principios KISS, DRY, YAGNI
+- `.claude/rules/06-tooling.md` - Configuración de herramientas
+
+---
+
+**Puntuación final: XX/25**

package/Dev/i18n/es/ReactNative/commands/check-compliance.md

@@ -0,0 +1,235 @@
+---
+description: Verificación de Cumplimiento Global del Proyecto React Native
+argument-hint: [arguments]
+---
+
+# Verificación de Cumplimiento Global del Proyecto React Native
+
+## Argumentos
+
+$ARGUMENTS
+
+## MISIÓN
+
+Eres un experto en cumplimiento de proyectos React Native. Tu misión es orquestar una auditoría completa combinando las auditorías especializadas: arquitectura, calidad de código, testing y seguridad.
+
+Este comando agrega los resultados de:
+1. `/reactnative:check-architecture` (25 puntos)
+2. `/reactnative:check-code-quality` (25 puntos)
+3. `/reactnative:check-testing` (25 puntos)
+4. `/reactnative:check-security` (25 puntos)
+
+### Paso 1: Ejecutar las 4 auditorías especializadas
+
+Ejecutar secuencialmente (o mostrar los comandos a ejecutar):
+
+```bash
+# 1. Auditoría de Arquitectura
+/reactnative:check-architecture
+
+# 2. Auditoría de Calidad de Código
+/reactnative:check-code-quality
+
+# 3. Auditoría de Testing
+/reactnative:check-testing
+
+# 4. Auditoría de Seguridad
+/reactnative:check-security
+```
+
+### Paso 2: Agregar resultados
+
+Recolectar puntuaciones de cada auditoría:
+
+```
+┌─────────────────────────┬─────────┬─────────┬────────┐
+│ Auditoría               │ Puntos  │ Máximo  │ Estado │
+├─────────────────────────┼─────────┼─────────┼────────┤
+│ Arquitectura            │ XX/25   │ 25      │ ✅/⚠️/❌│
+│ Calidad de Código       │ XX/25   │ 25      │ ✅/⚠️/❌│
+│ Testing                 │ XX/25   │ 25      │ ✅/⚠️/❌│
+│ Seguridad               │ XX/25   │ 25      │ ✅/⚠️/❌│
+├─────────────────────────┼─────────┼─────────┼────────┤
+│ TOTAL GLOBAL            │ XX/100  │ 100     │ ✅/⚠️/❌│
+└─────────────────────────┴─────────┴─────────┴────────┘
+```
+
+**Leyenda:**
+- ✅ Excelente (≥ 80/100)
+- ⚠️ Advertencia (60-79/100)
+- ❌ Crítico (< 60/100)
+
+### Paso 3: Evaluación Global
+
+## 📊 INFORME DE CUMPLIMIENTO GLOBAL
+
+### 🎯 Puntuación Global: XX/100
+
+**Evaluación:**
+- 90-100: Proyecto listo para producción ✅
+- 80-89: Buen proyecto, mejoras menores ⚠️
+- 70-79: Proyecto aceptable, mejoras significativas necesarias ⚠️
+- 60-69: Proyecto problemático, mejoras mayores requeridas ❌
+- < 60: Proyecto crítico, refactorización necesaria ❌
+
+### 📈 Puntuaciones Detalladas
+
+#### 1. Arquitectura (XX/25)
+- Estructura Feature-Based: XX/8
+- Organización de Carpetas: XX/5
+- Navegación: XX/4
+- Arquitectura por Capas: XX/4
+- Assets: XX/4
+
+**Estado:** [✅/⚠️/❌]
+**Acciones Prioritarias:** [Top 2-3]
+
+#### 2. Calidad de Código (XX/25)
+- TypeScript: XX/7
+- ESLint: XX/6
+- Prettier: XX/3
+- SOLID: XX/4
+- KISS/DRY/YAGNI: XX/5
+
+**Estado:** [✅/⚠️/❌]
+**Acciones Prioritarias:** [Top 2-3]
+
+#### 3. Testing (XX/25)
+- Configuración Jest: XX/5
+- Tests Unitarios: XX/6
+- Tests de Componentes: XX/6
+- Tests de Integración: XX/4
+- Tests E2E: XX/4
+
+**Estado:** [✅/⚠️/❌]
+**Acciones Prioritarias:** [Top 2-3]
+
+#### 4. Seguridad (XX/25)
+- Datos Sensibles: XX/6
+- Seguridad API: XX/5
+- Seguridad del Código: XX/5
+- Autenticación: XX/5
+- Seguridad de Plataforma: XX/4
+
+**Estado:** [✅/⚠️/❌]
+**Acciones Prioritarias:** [Top 2-3]
+
+### 🚨 Problemas Críticos (Todas las Auditorías)
+
+Listar todos los problemas críticos de las 4 auditorías:
+
+1. **[Problema Crítico #1]**
+   - **Auditoría:** Arquitectura/Calidad de Código/Testing/Seguridad
+   - **Impacto:** Crítico
+   - **Ubicación:** [Archivos]
+   - **Acción:** [Acción inmediata]
+
+2. **[Problema Crítico #2]**
+   - **Auditoría:** Arquitectura/Calidad de Código/Testing/Seguridad
+   - **Impacto:** Crítico
+   - **Ubicación:** [Archivos]
+   - **Acción:** [Acción inmediata]
+
+### ⚠️ Problemas de Alta Prioridad
+
+Listar todos los problemas de alta prioridad:
+
+1. **[Problema #1]**
+   - **Auditoría:** [Nombre]
+   - **Impacto:** Alto
+   - **Acción:** [Acción requerida]
+
+2. **[Problema #2]**
+   - **Auditoría:** [Nombre]
+   - **Impacto:** Alto
+   - **Acción:** [Acción requerida]
+
+### 🎯 PLAN DE ACCIÓN GLOBAL
+
+#### Fase 1: Inmediato (Semana 1)
+- [ ] [Acción Crítica #1]
+- [ ] [Acción Crítica #2]
+- [ ] [Acción Crítica #3]
+
+#### Fase 2: Corto Plazo (Semana 2-4)
+- [ ] [Acción de Alta Prioridad #1]
+- [ ] [Acción de Alta Prioridad #2]
+- [ ] [Acción de Alta Prioridad #3]
+
+#### Fase 3: Medio Plazo (Mes 2)
+- [ ] [Acción de Prioridad Media #1]
+- [ ] [Acción de Prioridad Media #2]
+- [ ] [Acción de Prioridad Media #3]
+
+### 📊 Métricas Clave
+
+```
+Dashboard de Salud del Proyecto
+════════════════════════
+
+Calidad del Código
+├─ Errores ESLint: XX
+├─ Errores TypeScript: XX
+├─ Duplicación de Código: XX%
+└─ Deuda Técnica: XX horas
+
+Testing
+├─ Cobertura Total: XX%
+├─ Tests Unitarios: XX pasando / XX total
+├─ Tests de Componentes: XX pasando / XX total
+└─ Tests E2E: XX pasando / XX total
+
+Seguridad
+├─ Vulnerabilidades en Dependencias: XX
+├─ Secretos Expuestos: XX
+├─ Advertencias de Seguridad: XX
+└─ Problemas OWASP: XX
+
+Arquitectura
+├─ Features: XX
+├─ Componentes Compartidos: XX
+├─ Hooks Personalizados: XX
+└─ Profundidad de Carpetas: XX niveles
+```
+
+### 🏆 Fortalezas
+
+Listar 5-10 fortalezas generales del proyecto:
+- [Fortaleza 1]
+- [Fortaleza 2]
+- [Fortaleza 3]
+
+### 🎓 Recomendaciones de Aprendizaje
+
+Basado en las brechas identificadas, recomendar formación/aprendizaje para el equipo:
+- [Recomendación 1: ej. formación en modo estricto TypeScript]
+- [Recomendación 2: ej. taller de performance React Native]
+- [Recomendación 3: ej. curso de mejores prácticas de seguridad]
+
+### 📚 Referencias
+
+- `.claude/rules/` - Todas las reglas del proyecto
+- [Documentación React Native](https://reactnative.dev/)
+- [Manual TypeScript](https://www.typescriptlang.org/docs/)
+- [Seguridad Móvil OWASP](https://owasp.org/www-project-mobile-top-10/)
+
+---
+
+## ✅ Checklist de Cumplimiento
+
+Usar esta checklist para futuras verificaciones de cumplimiento:
+
+### Antes del Deploy a Producción
+- [ ] Puntuación global ≥ 80/100
+- [ ] Sin problemas críticos
+- [ ] Cobertura de tests ≥ 70%
+- [ ] 0 vulnerabilidades de seguridad (alta/crítica)
+- [ ] 0 errores ESLint
+- [ ] 0 errores TypeScript
+- [ ] Todos los tests pasando
+- [ ] Documentación actualizada
+
+---
+
+**Puntuación Global: XX/100**
+**Recomendación: [Listo para Producción / Necesita Mejoras / Requiere Refactorización]**

package/Dev/i18n/es/ReactNative/commands/check-security.md

@@ -0,0 +1,177 @@
+---
+description: Verificación de Seguridad
+---
+
+# Verificación de Seguridad
+
+Realiza una auditoría de seguridad de la aplicación React Native.
+
+## 1. Vulnerabilidades de Dependencias
+
+```bash
+# Auditar npm
+npm audit
+
+# Auditar con Snyk
+npx snyk test
+npx snyk monitor
+
+# Ver dependencias desactualizadas
+npm outdated
+```
+
+## 2. Secretos y Claves API
+
+```bash
+# Buscar secretos en el código
+grep -r "API_KEY" .
+grep -r "SECRET" .
+grep -r "PASSWORD" .
+
+# Verificar .env en .gitignore
+cat .gitignore | grep "\.env"
+```
+
+**Checklist:**
+- [ ] Sin claves API hardcodeadas
+- [ ] .env no está commiteado
+- [ ] Variables de entorno usadas correctamente
+- [ ] Secretos en variables de entorno
+- [ ] react-native-config o expo-constants usado
+
+## 3. Seguridad de Almacenamiento
+
+```typescript
+// ❌ MAL - AsyncStorage para datos sensibles
+await AsyncStorage.setItem('password', password);
+
+// ✅ BIEN - Keychain/Keystore
+import * as SecureStore from 'expo-secure-store';
+await SecureStore.setItemAsync('password', password);
+```
+
+**Checklist:**
+- [ ] Contraseñas en SecureStore/Keychain
+- [ ] Tokens en SecureStore
+- [ ] Sin datos sensibles en AsyncStorage
+- [ ] Datos sensibles cifrados
+
+## 4. Comunicaciones de Red
+
+```typescript
+// ✅ HTTPS obligatorio
+const API_BASE_URL = 'https://api.example.com';
+
+// ✅ SSL Pinning (opcional pero recomendado)
+```
+
+**Checklist:**
+- [ ] Solo HTTPS, sin HTTP
+- [ ] Certificados SSL válidos
+- [ ] SSL Pinning implementado (prod)
+- [ ] Timeouts configurados
+- [ ] Manejo correcto de errores de red
+
+## 5. Autenticación y Autorización
+
+**Checklist:**
+- [ ] Tokens JWT con expiración
+- [ ] Refresh token implementado
+- [ ] Logout borra tokens
+- [ ] Sin autenticación por defecto
+- [ ] Permisos verificados en backend
+
+## 6. Validación de Entrada
+
+```typescript
+// ✅ Validación con Zod
+import { z } from 'zod';
+
+const userSchema = z.object({
+  email: z.string().email(),
+  password: z.string().min(8)
+});
+```
+
+**Checklist:**
+- [ ] Validación de formularios
+- [ ] Sanitización de input
+- [ ] Validación en frontend Y backend
+- [ ] XSS prevenido
+
+## 7. Permisos de la Aplicación
+
+```typescript
+// ✅ Solicitar permisos solo cuando es necesario
+import * as Location from 'expo-location';
+
+const requestPermission = async () => {
+  const { status } = await Location.requestForegroundPermissionsAsync();
+  if (status !== 'granted') {
+    // Manejar permiso denegado
+  }
+};
+```
+
+**Checklist:**
+- [ ] Permisos solicitados solo cuando son necesarios
+- [ ] Explicación clara para cada permiso
+- [ ] Manejo de permisos denegados
+- [ ] Permisos mínimos solicitados
+
+## 8. Seguridad de Código
+
+**Checklist:**
+- [ ] Sin console.log en producción
+- [ ] Sin código debug en producción
+- [ ] Ofuscación de código (JS) activada
+- [ ] ProGuard (Android) configurado
+- [ ] Bitcode (iOS) activado
+
+## 9. Deep Links y URLs
+
+```typescript
+// ✅ Validar URLs entrantes
+const handleDeepLink = (url: string) => {
+  // Validar dominio
+  if (!url.startsWith('https://myapp.com/')) {
+    return;
+  }
+  // Procesar URL
+};
+```
+
+**Checklist:**
+- [ ] Deep links validados
+- [ ] URL schemes configurados correctamente
+- [ ] Sin redirecciones abiertas
+- [ ] Parámetros de URL sanitizados
+
+## 10. Herramientas de Auditoría
+
+```bash
+# Snyk
+npm install -g snyk
+snyk test
+snyk wizard
+
+# OWASP Dependency Check
+npx depcheck
+
+# Retire.js
+npx retire
+```
+
+## Reporte de Seguridad
+
+Genera un reporte con:
+- Vulnerabilidades encontradas
+- Nivel de severidad
+- Plan de remediación
+- Timeline de corrección
+
+**Severidad:**
+- 🔴 Crítica: Corregir inmediatamente
+- 🟠 Alta: Corregir en 7 días
+- 🟡 Media: Corregir en 30 días
+- 🟢 Baja: Corregir cuando sea posible