Una página de tabla de clasificación muestra las clasificaciones de cada división de tu liga, con un menú para cambiar entre ellas. Puedes usarla por sí sola o ponerla en tu sitio web junto a tus noticias.
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 «falta la columna de puntos». 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 las tablas de clasificación de mi liga. Mi ID de temporada es [MY-SEASON-ID].
La página debe: 1. Usar el servicio Get Fixture Groups For Season para listar las divisiones de la temporada y mostrarlas en un menú. Abrir en la primera división. 2. Cuando yo elija una división, mostrar su tabla con el servicio Get Standings For Fixture Group. Cargar una división solo cuando yo la elija. 3. Mostrar posición, equipo, jugados, ganados, empatados, perdidos, goles a favor, goles en contra, diferencia y puntos, además de la forma reciente en pequeñas insignias de colores (ganado, empatado, perdido). 4. Incluir también las copas en el menú, pero solo comprobar si una copa tiene tablas cuando yo la elija. Si se juega por grupos, mostrar una tabla por cada grupo con el nombre del grupo encima. Si no tiene tablas, indicarlo. 5. Dejarme tocar un equipo para resaltar su fila. 6. En un móvil, mantener la posición, el equipo, los jugados, la diferencia y los puntos, y ocultar las demás columnas. 7. Guardar cada tabla después de cargarla y no volver a pedir la misma tabla 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 tabla de una división está toda a ceros. Esa división aún no ha jugado ningún partido. Se rellenará cuando se introduzcan resultados.
Falta una división. Las divisiones con las tablas ocultas en el sitio web de tu liga también están ocultas aquí.
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 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 de los servicios que se usan aquí están en la especificación de la API.