Desarrollador Crea Producto SaaS Completo con Claude Cowork: Aplicación de Marcador de MLB con Autenticación, Pagos y Widget Integrable
Descripción General del Proyecto
Un desarrollador creó un producto SaaS completo llamado ScorePorch utilizando sesiones de Claude Cowork. ScorePorch es una aplicación personalizada de marcador de MLB que incluye frontend, backend, autenticación, pagos y un widget embebible.
Stack Técnico
- Frontend: Vite + React
- Backend: API serverless Express/Vercel
- Autenticación: Supabase (correo electrónico + Google OAuth)
- Pagos: Stripe con sincronización de webhooks
- Fuente de datos: API de Estadísticas de MLB para datos en vivo
- Titulares: Fuentes RSS de MLB.com
Características de la Aplicación
Los usuarios seleccionan su equipo favorito y reciben un panel de control con la temática de los colores de ese equipo. El panel de control incluye:
- Puntuaciones en vivo
- Clasificación de la división
- Cuenta regresiva para el próximo partido
- Titulares específicos del equipo de las fuentes RSS de MLB.com
- Marcadores completos
El nivel gratuito proporciona acceso a un equipo, mientras que los niveles de pago desbloquean la funcionalidad multiequipo y un widget embebible.
Detalles del Widget Embebible
El widget embebible se construyó como un componente aislado en Shadow DOM y responsivo a consultas de contenedor, que puede agregarse a cualquier sitio web con una sola etiqueta de script. El widget tiene un total de 23KB sin dependencias. Claude Cowork ayudó a desarrollar la estrategia de aislamiento para evitar que el CSS del widget se filtrara en las páginas anfitrionas.
Experiencia de Desarrollo con Claude Cowork
El desarrollador señaló que Cowork manejó eficazmente todo el ciclo de vida del producto, no solo la generación de código. Las tareas colaborativas específicas incluyeron:
- Iterar en flujos de autenticación
- Depurar casos límite de webhooks de Stripe
- Resolver problemas de CORS para solicitudes de widgets de origen cruzado
- Construir una página de destino en Framer
La continuidad del contexto entre sesiones hizo que la experiencia se sintiera como trabajar con un cofundador que recuerda el trabajo anterior.
Desafíos Encontrados
- Autenticación: El flujo PKCE seguía rompiendo la devolución de llamada, requiriendo un cambio al flujo implícito
- Limitaciones de la API: La API de ESPN estaba efectivamente muerta, requiriendo un cambio a RSS de MLB.com para los titulares
- Integración con Git: Cowork no puede enviar a git directamente (EPERM en index.lock), requiriendo una solución alternativa donde el desarrollador clona a /tmp y envía desde allí
Desarrollo Adicional
El desarrollador creó un plugin de Cowork para ScorePorch, permitiendo a otros desarrolladores que construyen paneles de control agregar un marcador de MLB en vivo a sus proyectos usando /add-scoreboard [nombre-del-equipo]. El plugin incluye guías de integración para React, Next, Vue, Svelte, WordPress, Squarespace y Webflow.
La aplicación está disponible en app.scoreporch.com.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Claude AI adopta terminología personalizada de especificaciones de 300 páginas sin necesidad de indicaciones.
Un desarrollador cargó más de 300 páginas de especificaciones formales en Claude AI como conocimiento del proyecto, incluyendo 88,000 palabras en 20 artículos, 35 falsificadores, un glosario, guía de campo, suite de pruebas y kit de compresión. Claude comenzó a usar el vocabulario personalizado operativamente para describir sus propios procesos sin ser solicitado.
Claude AI Recupera el 99.94% de los Datos de un Array BTRFS de 12TB Corrupto
Un desarrollador utilizó Claude AI para recuperar el 99.94% de los datos de un array BTRFS de 12TB corrupto después de que las herramientas de recuperación nativas fallaron. Claude diagnosticó una tabla de índice destruida al 80% y reconstruyó manualmente el árbol del sistema de archivos, perdiendo solo 7MB de archivos basura de 8.4TB de datos.
Usuario de Reddit comparte su experiencia con un agente de IA construyendo un proyecto de Next.js durante la noche
Un desarrollador en r/openclaw le dio a su agente de IA una tarea abierta para construir un proyecto desde cero durante la noche, documentando lo que el agente manejó bien versus dónde se requirió intervención humana. El agente logró estructurar un proyecto Next.js, escribir contenido, gestionar operaciones de Git, desplegar en Vercel e iterar en el diseño con retroalimentación.
Canalización TDD de IA: Cómo las instrucciones deficientes generaron 3,400 pruebas y qué lo solucionó
Un desarrollador construyó una canalización TDD multiagente con Claude Code donde diferentes agentes manejan pruebas, codificación y revisión. La instrucción inicial 'escribe pruebas para todo' resultó en 3,400 pruebas con solo un 44% válidas, llevando a un 'teatro de cobertura' donde las pruebas no detectaban errores reales.