Artefactos: herramientas que caben en un HTML
Como los artifacts de Claude: cada pieza es un único archivo HTML autocontenido que corre entero en tu navegador — ningún dato sale de la página. Pensados para el día a día de consultores SAP técnicos y funcionales, y documentados como todo en este laboratorio: con el prompt que los generó y sus limitaciones, sin humo.
Validador de carga IT2010
Valida un fichero de remuneración por empleado antes de que toque SAP: pega tus filas o usa el ejemplo con 10 errores plantados y obtén errores por regla, severidad y veredicto de carga.
El mismo report, dos mundos: ALV → Fiori
El listado de ausencias del caso 001 como ALV de SAP GUI y como su equivalente Fiori Elements List Report, lado a lado. Ordena en ambos, filtra en el lado Fiori y lee qué cambia de verdad más allá del aspecto.
Checklist Clean ABAP interactivo
La checklist de revisión del caso 001 convertida en herramienta: marca lo que cumple tu report, descarta lo que no aplique, y copia el resumen en Markdown con puntuación y veredicto para tu revisión o ticket.
Mapa de infotipos SAP HCM
Los 13 infotipos que más aparecen en el día a día de PA, nómina y tiempos, explicados sin jerga: campos clave, transacciones, relaciones navegables entre ellos y un aviso práctico por infotipo.
Sesión Claude Code: de un prompt a una landing completa
Recorre turno a turno la sesión que generó la landing de "Stackr" con Claude Code: 23 turnos, 14 archivos, una vista previa que se va montando sección a sección según el turno que selecciones.
Anatomía de una Agent Skill — pr-describe
Explora los tres archivos de la skill pr-describe (SKILL.md, get-diff.sh, ejemplo de salida) y pruébala: genera una descripción de PR estructurada a partir de un git diff de ejemplo.
Playground de patrones UI para IA
Cuatro patrones de interfaz para IA más allá del chat, simulados en el navegador: streaming con velocidad ajustable, mapa de confianza, traza de tool calls expandible y fases de pensamiento por timing.
Claude Design → Claude Code: el handoff en vivo
Mueve los mandos de ajuste (glow, elevación, opacidad de badges) sobre el prototipo de ExperimentCard y observa cómo el código React/Tailwind generado cambia con ellos — el ciclo diseño-a-código del caso.
Asistente funcional SAP HR — demo de preguntas
Tres preguntas de ejemplo al asistente funcional de SAP HR: una que la base de conocimiento cubre bien, y dos donde se niega correctamente a inventar porque dependen de configuración del cliente.
¿Se te ocurre un artefacto útil?
La galería está abierta por pull request: un HTML autocontenido (sin llamadas externas, datos ficticios) más su entrada en src/lib/artifacts.ts con prompt y limitaciones. Lo revisamos y se publica con tu crédito.