Toolverse
All skills

add-icon

by wei

Add or update supported language, framework, library, tool, or platform icons in Socialify. Use when a request involves adding a new icon/logo, mapping a display name to a Simple Icons entry or a custom icon, and updating the language options list used in the UI.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
wei
Category
Frontend
Views
4

About this skill

Add or update supported language, framework, library, tool, or platform icons in Socialify. Use when a request involves adding a new icon/logo, mapping a display name to a Simple Icons entry or a custom icon, and updating the language options list used in the UI.

How to use

  1. Określ nazwę wyświetlaną dla ikony, którą chcesz dodać — może to być język programowania, framework, biblioteka, narzędzie lub platforma. Sprawdź, czy ikona istnieje w bazie Simple Icons, a jeśli dodajesz język, zweryfikuj dokładną nazwę w repozytorium GitHub Linguist pod adresem https://raw.githubusercontent.com/github-linguist/linguist/main/lib/linguist/languages.yml.

  2. Jeśli ikona istnieje w Simple Icons, użyj jej eksportu w mapowaniu. Jeśli nie istnieje, przygotuj własną ikonę SVG zgodnie ze specyfikacją SimpleIcon — powinna zawierać tytuł, slug (identyfikator małymi literami bez spacji), kod koloru hex (bez znaku #), ścieżkę SVG w viewBox 0 0 24 24 oraz opcjonalnie adresy URL źródła i wytycznych brandingowych.

  3. Dodaj wpis do pliku common/icons/languageMapping.ts — zaimportuj ikonę Simple Icons lub niestandardową ikonę z pliku customIcons.ts, a następnie dodaj mapowanie w odpowiedniej sekcji LANGUAGE_ICON_MAPPING (dla języków w sekcji "GitHub Linguist languages", dla pozostałych w sekcji "Custom Frameworks, Libraries, Tools and Platforms").

  4. Jeśli dodajesz nowy język i chcesz, aby pojawił się w liście wyboru interfejsu użytkownika, zaktualizuj również listę opcji języków w pliku konfiguracyjnym UI.

  5. Przetestuj zmiany — sprawdź, czy ikona pojawia się poprawnie w wygenerowanych obrazach i listach wyboru Socialify.

  6. Wyślij pull request ze zmianami do repozytorium — upewnij się, że mapowanie jest spójne i ikona wyświetla się prawidłowo we wszystkich miejscach, gdzie powinna się pojawić.

Related skills

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116