Toolverse
All skills
Frontend

upgrade-simple-icons

by wei

Upgrade simple-icons to the latest version and preserve any removed icons by sourcing them from the previous version into common/icons/customIcons.ts and updating icon mappings. Use whenever bumping or upgrading simple-icons in this repo.

Installation

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

Installation

Quick info

Author
wei
Category
Frontend
Views
5
GitHub repo

About this skill

Upgrade simple-icons to the latest version and preserve any removed icons by sourcing them from the previous version into common/icons/customIcons.ts and updating icon mappings. Use whenever bumping or upgrading simple-icons in this repo.

How to use

  1. Zanotuj bieżącą wersję simple-icons z pliku package.json i pnpm-lock.yaml, zanim zaczniesz aktualizację.

  2. Zainstaluj najnowszą wersję pakietu poleceniem pnpm add simple-icons@latest.

  3. Sprawdź, czy wszystkie ikony są dostępne — przejrzyj plik common/icons/languageMapping.ts pod kątem importów z simple-icons, a następnie uruchom pnpm lint lub pnpm verify, aby znaleźć brakujące eksporty ikon.

  4. Jeśli jakaś ikona, którą wcześniej używałeś, zniknęła po aktualizacji: pobierz starą wersję simple-icons (zanotowaną w kroku 1), wyodrębnij dane ikony (title, slug, hex, path) dostępne w eksportach si* lub w plikach JSON w folderze icons/, a następnie dodaj wpis customu003cNazwaIkonyु003e do pliku common/icons/customIcons.ts z wyodrębnionymi danymi.

  5. Zaktualizuj plik common/icons/languageMapping.ts, aby importował i odwoływał się do nowej ikony niestandardowej, a następnie uruchom pnpm lint:fix, aby naprawić ewentualne problemy z porządkowaniem importów.

  6. Uruchom pnpm verify przed zatwierdzeniem zmian, aby upewnić się, że wszystko działa prawidłowo, i dodaj changeset opisujący aktualizację.

Related skills

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

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

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

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