Desenvolvedor Cria Produto SaaS Completo com Claude Cowork: Aplicativo de Placar da MLB com Autenticação, Pagamentos e Widget de Incorporação
Visão Geral do Projeto
Um desenvolvedor criou um produto SaaS completo chamado ScorePorch usando sessões do Claude Cowork. ScorePorch é um aplicativo personalizado de placar da MLB que inclui frontend, backend, autenticação, pagamentos e um widget incorporável.
Stack Técnica
- Frontend: Vite + React
- Backend: API serverless Express/Vercel
- Autenticação: Supabase (email + Google OAuth)
- Pagamentos: Stripe com sincronização via webhook
- Fonte de dados: API MLB Stats para dados ao vivo
- Manchetes: Feeds RSS do MLB.com
Funcionalidades do Aplicativo
Os usuários selecionam seu time favorito e recebem um painel personalizado com as cores desse time. O painel inclui:
- Placares ao vivo
- Classificação da divisão
- Contagem regressiva para o próximo jogo
- Manchetes específicas do time dos feeds RSS do MLB.com
- Box scores completos
A versão gratuita fornece acesso a um time, enquanto as versões pagas desbloqueiam funcionalidade multi-time e um widget incorporável.
Detalhes do Widget Incorporável
O widget incorporável foi construído como um componente isolado em Shadow DOM, responsivo a consultas de contêiner, que pode ser adicionado a qualquer site com uma única tag de script. O widget tem 23KB no total e sem dependências. O Claude Cowork ajudou a desenvolver a estratégia de isolamento para evitar que o CSS do widget vazasse para as páginas hospedeiras.
Experiência de Desenvolvimento com Claude Cowork
O desenvolvedor observou que o Cowork lidou com todo o ciclo de vida do produto de forma eficaz, não apenas com a geração de código. Tarefas colaborativas específicas incluíram:
- Iteração nos fluxos de autenticação
- Depuração de casos extremos de webhooks do Stripe
- Resolução de problemas de CORS para requisições cross-origin do widget
- Criação de uma página de destino no Framer
A continuidade do contexto entre as sessões fez a experiência parecer trabalhar com um cofundador que lembra do trabalho anterior.
Desafios Encontrados
- Autenticação: O fluxo PKCE continuava quebrando o callback, exigindo uma mudança para o fluxo implícito
- Limitações da API: A API da ESPN estava efetivamente morta, exigindo uma mudança para RSS do MLB.com para manchetes
- Integração Git: O Cowork não pode fazer push diretamente no git (EPERM no index.lock), exigindo uma solução alternativa onde o desenvolvedor clona para /tmp e faz push de lá
Desenvolvimento Adicional
O desenvolvedor criou um plugin do Cowork para o ScorePorch, permitindo que outros desenvolvedores criando painéis adicionem um placar ao vivo da MLB aos seus projetos usando /add-scoreboard [nome-do-time]. O plugin inclui guias de integração para React, Next, Vue, Svelte, WordPress, Squarespace e Webflow.
O aplicativo está disponível em app.scoreporch.com.
📖 Read the full source: r/ClaudeAI
👀 See Also
Executando o Claude Code como um Motor de Julgamento Puro em Todo o Ciclo de Vida do Desenvolvimento de Software
Um desenvolvedor compartilha sua arquitetura para usar o Claude Code como um motor de raciocínio dentro de um sistema multicamadas: Python lida com orquestração, Claude Code lida com escrita e revisão de código, com subagentes isolados e uma camada de wiki persistente.
Agente de IA de Desenvolvedor Imobiliário Realiza Primeira Chamada Telefônica com Contexto e Estilo de Voz
Um desenvolvedor que opera um sistema multiagente para relatórios imobiliários relata que seu agente de IA realizou sua primeira ligação telefônica bem-sucedida, usando contexto completo sobre negócios e prospects enquanto imitava a abordagem de vendas específica e o estilo de voz do desenvolvedor.
Avaliando Barreiras Multilíngues com any-guardrail em IA Humanitária
A ferramenta any-guardrail da Mozilla avalia guardrails multilíngues em LLMs humanitários, com foco na especificidade de tarefas e domínios.
Suspensão e Restauração da Conta do Google para Uso de Agente de IA
Um desenvolvedor criou uma nova conta do Gmail para seu agente de IA, que o Google suspendeu em menos de 20 minutos. Após enviar um pedido detalhado de restauração explicando o propósito do agente e as medidas de segurança, o Google restaurou o acesso em 12 horas.