update-player-photo

Downloads and optimizes a single Champions League player photo from UEFA.com.

Updated May 14, 2026
One-click install
npx skills add https://github.com/jesusprodriguezUnir/bracketMundial --skill update-player-photo-jesusprodriguezunir
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: update-player-photo
Source: https://github.com/jesusprodriguezUnir/bracketMundial/tree/main/.agents/skills/update-player-photo
Command: npx skills add https://github.com/jesusprodriguezUnir/bracketMundial --skill update-player-photo-jesusprodriguezunir

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp.

What problem does it solve? Fixes incorrect, outdated, or pixelated photos of individual Champions League 2026/27 players without re-downloading an entire team's photo set. ## Core Features & Use Cases - Single-Player Photo Update: Downloads one player's official image from UEFA.com by club code and shirt number, overwriting the existing file with the --force flag. - Automatic Optimization: Processes the image with Sharp into a 300px WebP file at 80% quality and saves it to public/players/{CLUB}/{number}.webp. - Manifest Regeneration: Automatically rebuilds the src/data/player-photos.ts manifest after the download. - Use Case: A user notices Vinícius Júnior's avatar is wrong; the skill locates him in src/data/squads/rma.ts (club RMA, number 7), runs the fetch script with --player 7 --force, and verifies the new photo. ## Quick Start Update the photo for player number 7 of Real Madrid by running the squad fetch script with the player and force flags, then verify the WebP file and rebuild the project.

Frequently Asked Questions about update-player-photo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I update a single player photo from UEFA.com?▼

Run the fetch-ucl-squads.mjs script with the club code, the --photos flag, --player followed by the shirt number, and --force to overwrite any existing file. The script downloads the official UEFA image, optimizes it to WebP, and regenerates the player-photos manifest.

How do I find a player's club code and shirt number?▼

Search the club's squad file in src/data/squads/ using grep with the player's name. The matching entry shows the club code from the filename and the number field, for example number 7 for Vinícius Júnior in rma.ts.

What image format and size are player photos saved as?▼

Photos are processed with Sharp into WebP format at 300 pixels and 80 percent quality. They are stored in public/players/{CLUB}/{number}.webp and referenced through the auto-generated player-photos.ts manifest.

When should I update one player photo instead of the whole team?▼

Use the single-player update when only one avatar is wrong, outdated, or mismatched after a shirt number change. For downloading all photos of a complete team, use the full squad or player-photos workflows instead.

Why is my updated player photo not showing in the app?▼

Verify the WebP file exists in public/players/{CLUB}/ and that the player-photos.ts manifest contains the CLUB-number entry. Then run npm run build so the regenerated manifest and assets are included in the application bundle.