Una página de hub de partidos muestra todo lo que ocurre en tu liga en un día: los partidos, los resultados y las tablas de clasificación, con una franja de fechas para pasar de un día a otro. Se parece a la página Hub de partidos del sitio web de tu LeagueRepublic, pero tú decides el diseño.
No necesitas ser desarrollador. Un asistente de IA, como ChatGPT o Claude, puede crear la página por ti a partir de las instrucciones que aparecen más abajo.
Antes de empezar
Tu liga necesita el plan Gold con la API activada. Consulta Primeros pasos con la API.
Necesitas tu ID de temporada. Cómo funciona la API explica cómo encontrarlo.
¿Aún no tienes una liga? Prueba primero el prompt con la liga de demostración de LeagueRepublic: usa el ID de temporada 153020000.
Cómo usar el prompt
Copia el prompt del cuadro gris de abajo.
Rellena tu ID de temporada. Sustituye [MY-SEASON-ID] por tu propio número.
Indica cómo quieres que se vea. Describe tus colores y tu estilo, o adjunta una captura de pantalla de tu sitio web o de un diseño que te guste. Una imagen suele funcionar mejor. Si no dices nada, la IA elegirá un diseño sencillo.
Pégalo en el asistente de IA y envíalo.
Abre el archivo que te da. Guárdalo y luego haz doble clic para abrirlo en tu navegador.
Compruébalo con el sitio web de tu liga. Si algo parece incorrecto, díselo a la IA con palabras sencillas, por ejemplo «los marcadores están al revés». Lo corregirá.
El prompt
Antes de empezar, lee la especificación de la API JSON de LeagueRepublic en https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Usa solo los servicios, las direcciones web y los nombres de campo que describe, y sigue sus reglas sobre el límite de solicitudes, los valores vacíos, los errores y el significado de «road» como fuera de casa. Si no puedes abrir esa dirección, detente y pídeme que pegue la especificación.
Constrúyeme una única página web (un archivo HTML que pueda abrir en mi navegador) que muestre el hub de partidos de mi liga, con el servicio Get Match Hub. Mi ID de temporada es [MY-SEASON-ID].
La página debe: 1. Mostrar arriba una franja de días de partidos en los que se pueda hacer clic, incluida la entrada «por confirmar». Cada día muestra cuántos resultados y partidos por jugar tiene. Al hacer clic en un día, se carga. Cuando se abra la página, desplazar la franja para que el día que se muestra sea visible. 2. Dejarme cambiar entre temporadas. 3. Mostrar los partidos del día agrupados bajo el nombre de cada división o ronda de copa. 4. Para cada partido, mostrar el equipo local, el marcador y el equipo visitante. Si aún no ha empezado, mostrar la hora de inicio. Etiquetar los marcadores en directo como «En directo» y los resultados que la liga aún no ha aprobado como «Provisional». Si un partido está aplazado, mostrar eso en lugar de la hora. Si la fecha de un partido ya ha pasado pero todavía no hay resultado, mostrar «Pendiente de resultado» en lugar de la hora. 5. Mostrar cualquier detalle adicional del marcador, como el descanso o los penaltis, en letra pequeña. No repetir la ronda de copa debajo de un partido si ya figura en el nombre del grupo. 6. Debajo de cada división, mostrar su tabla de clasificación: posición, equipo, jugados, ganados, empatados, perdidos, diferencia, puntos y forma reciente. 7. Cuando un partido tenga juegos individuales (dardos, billar), o entradas de béisbol o marcadores por cuartos, mostrarlos en una sección que pueda abrir y cerrar. 8. Guardar cada día después de cargarlo y no volver a pedir el mismo día en el plazo de un minuto.
Mantén el diseño limpio y fácil de leer en un móvil. Explica en pasos sencillos cómo abrir y usar el archivo. Pregúntame si algo no está claro.
Diseño: [DESCRIBE EL ASPECTO QUE QUIERES, O ADJUNTA UNA CAPTURA DE PANTALLA] |
Si algo sale mal
La página muestra un mensaje de error. Comprueba tu ID de temporada y que la API esté activada para tu liga.
La página no muestra ningún dato. Dile a la IA exactamente lo que ves. Puede que tenga que cambiar la forma en que la página carga los datos.
La página no funciona en la ventana de vista previa de la IA. Muchas vistas previas no pueden obtener datos de otros sitios web. Guarda el archivo y ábrelo en tu navegador en su lugar.
La IA dice que no puede leer la especificación. Abre la dirección de la especificación en tu navegador, selecciona todo, copia y pega en la IA.
Los detalles completos del servicio Get Match Hub están en la especificación de la API.