fetch-crests

Downloads official UEFA Champions League club crests as optimized transparent PNG files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually sourcing official club crests for the 36 UEFA Champions League 2026/27 teams is tedious and error-prone. This Skill automates downloading, updating, and verifying high-resolution transparent PNG crests directly from the official UEFA.com CDN, storing them in the project's public assets directory. ## Core Features & Use Cases - Official Source Downloads: Fetches crests from the UEFA CDN (img.uefa.com) at 240x240 or 700x700 resolution for any of the 36 clubs. - Selective or Bulk Processing: Target specific clubs by three-letter code (e.g., RMA, BAR, MCI) or process all 36 clubs at once. - Force Refresh: Use the --force flag to invalidate and replace existing crest files on disk. - Use Case: You notice the Barcelona crest is outdated in your app. Run the script with BAR --crests --force to pull the latest official version into public/assets/crests/BAR.png. ## Quick Start Ask the assistant to download the official crest for Real Madrid, or run npm run ucl:crests to fetch and verify crests for all 36 Champions League clubs.

Frequently Asked Questions about fetch-crests

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

FAQPage Schema
How do I download official UEFA Champions League club crests?▼

Run npm run ucl:crests to fetch crests for all 36 clubs, or use node scripts/fetch-ucl-squads.mjs with club codes like RMA or BAR plus the --crests flag. Images are downloaded from the official UEFA CDN as transparent PNGs.

Where are the downloaded club crest images stored?▼

Crests are saved to public/assets/crests/{CLUB}.png, where the filename is the uppercase three-letter club code, such as RMA.png. Components resolve the path via the crestSrc function in src/lib/team-assets.ts.

How do I update or replace an existing club crest image?▼

Pass the --force flag along with the club code, for example node scripts/fetch-ucl-squads.mjs BAR --crests --force. This invalidates the existing file on disk and downloads a fresh copy from the UEFA CDN.

What image format and resolution do the UEFA crests use?▼

The crests are transparent PNG files served by the UEFA CDN at 240x240 pixels, with 700x700 also available. They are optimized for use as high-resolution club logos in the app's visual components.

Can I download crests for only specific clubs instead of all 36?▼

Yes, pass one or more three-letter club codes as arguments, such as node scripts/fetch-ucl-squads.mjs RMA MCI BAY --crests. Omitting the codes processes all 36 Champions League clubs.