Where does the skill save the generated icons?

Icons are automatically routed to the correct project directories: /public/avatars/, /public/team-avatars/, /public/game-type-icons/, and /public/tournament-icons/.

Do these icons support dark mode automatically?

The skill uses specific medium-tone colors and stroke definitions designed to remain visible and high-contrast on both light (#ffffff) and dark (#1a1a2e) backgrounds.

Can I generate a specific icon or an entire set at once?

The skill supports both; you can provide a specific name like 'chess' to generate a single icon, or use the 'all' argument to populate the entire category set.

Are the generated icons responsive?

Yes, all icons use a standardized 0 0 100 100 viewBox without fixed width or height attributes, allowing them to scale perfectly to any CSS-defined container size.

Competiscore SVG Icon Generator

Name: Competiscore SVG Icon Generator
Author: paul-macfarlane

bypaul-macfarlane

0•

Design Tools

Generates high-quality, theme-aware SVG icons for player avatars, team emblems, and game categories.

The generate-icons skill is a specialized utility designed for the Competiscore ecosystem that allows Claude to programmatically create and export professional, hand-crafted SVG icons. It enforces strict technical standards—including square viewboxes and color palettes optimized for both light and dark modes—to ensure visual consistency across the entire application. This skill streamlines the asset creation process by providing pre-defined styles for over 65 specific icon types, ensuring every graphic is recognizable at small sizes while maintaining a modern, cohesive aesthetic without any external dependencies.

Key Features

01Automated generation of 65+ standardized SVG icons across four distinct categories

02Built-in light and dark mode compatibility using contrast-tested color palettes

03Tailored visual styles for avatars (character-driven), teams (bold emblems), and game types (clean silhouettes)

04Automated file placement and naming convention management within the project structure

05Strict technical enforcement of viewBox, attributes, and file sizing for zero-config integration

060 GitHub stars

Use Cases

01Populating a new application instance with a complete set of professional game and player assets

02Modernizing existing UI icons to ensure accessibility and high contrast on dark backgrounds

03Rapidly expanding a sports or gaming library with new activity icons that match the existing design language

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add paul-macfarlane/competiscore generate-icons

For use in Claude.ai and ChatGPT

Key Features

01Automated generation of 65+ standardized SVG icons across four distinct categories

02Built-in light and dark mode compatibility using contrast-tested color palettes

03Tailored visual styles for avatars (character-driven), teams (bold emblems), and game types (clean silhouettes)

04Automated file placement and naming convention management within the project structure

05Strict technical enforcement of viewBox, attributes, and file sizing for zero-config integration

060 GitHub stars

Use Cases

01Populating a new application instance with a complete set of professional game and player assets

02Modernizing existing UI icons to ensure accessibility and high contrast on dark backgrounds

03Rapidly expanding a sports or gaming library with new activity icons that match the existing design language