Claude Artifacts + React: Profesor crea un minigolf para lecciones de ángulos en 20 minutos
Un profesor (u/cram213) usó Claude para construir rápidamente un juego de minigolf que enseña ángulos, sorteando las restricciones escolares al exportar desde Artifacts a HTML plano. Todo el flujo de trabajo — desde la solicitud por voz en un teléfono hasta un juego web publicado — tomó unos 20 minutos.
Flujo de trabajo
- Construcción inicial: Usando la función Artifact de Claude con React, el profesor creó un juego de minigolf interactivo para demostrar visualmente los ángulos. La escuela usa Gemini, por lo que las URLs de Artifacts publicados eran inaccesibles.
- Solución de exportación: El profesor pidió a Claude que convirtiera el Artifact en un archivo HTML independiente y luego lo alojó en un sitio web personal (constraintlayer.ai/educational-engines/golf.html).
- Iteración: El proceso implicó hablar al teléfono para dar indicaciones y luego dar retroalimentación a Claude tras probar el juego en la vista previa del Artifact.
- Extensión con estudiantes: Después de jugar, los estudiantes dibujaron sus propios diseños de recorridos en papel. El profesor subió cada dibujo a Claude, y en aproximadamente un minuto, la clase podía jugar sus recorridos personalizados.
Conclusión técnica clave
El profesor enfatiza pensar como un ingeniero de sistemas: describir el problema, planificar casos extremos ("cosas estúpidas que los estudiantes podrían hacer") y elegir el formato de salida adecuado para las restricciones de despliegue. Los Artifacts con React son excelentes para prototipar, pero exportar a HTML plano (sin dependencias externas) asegura que funcione en cualquier red escolar — sin necesidad de Gemini ni de la URL del Artifact de Claude.
📖 Lee la fuente completa: r/ClaudeAI
👀 Ver también
Cómo usar Claude AI como un compañero de pensamiento en lugar de un motor de búsqueda
Un usuario de Reddit explica que tratar a Claude como Google limita su potencial. En cambio, los usuarios deberían entablar un diálogo de ida y vuelta, proporcionar contexto sobre objetivos e intentos, y usar a Claude para someter a prueba su propio pensamiento.
Crítica Práctica de la Memoria de los LLM: Reflexiones Inmutables y Sesiones Efímeras como Soluciones
Una crítica a las sesiones prolongadas, acompañantes de vida y memoria tipo wiki para LLM, que ofrece soluciones como reflexiones inmutables, cadenas de sesiones acotadas por tarea y plantillas de prompt para evitar la pérdida de intención y la sobrecarga de contexto.
El agente OpenClaw reemplaza múltiples herramientas SaaS para la generación de leads en LinkedIn con un costo 5 veces menor.
Un desarrollador reemplazó suscripciones de SaaS de 250€/mes con un agente OpenClaw ejecutándose en un VPS por menos de 2€/día, utilizando enrutamiento de modelos entre Haiku y Sonnet para generación de leads en LinkedIn con tasas de aceptación de conexión del 60-70%.
Usando a Claude como Interrogador Estructural para Proyectos Creativos
Un desarrollador utilizó a Claude de manera interrogativa para escribir una novela de ciencia ficción de 63,000 palabras y crear un juego de navegador, haciendo que la IA identificara lagunas en la lógica del mundo y las motivaciones de los personajes en lugar de generar contenido directamente.