better-icons

Better Icons to narzędzie do pracy z ikonami w dowolnym projekcie. Udostępnia interfejs wiersza poleceń do przeszukiwania ponad 200 bibliotek ikon z serwisu Iconify i pobierania plików SVG. Możesz wyszukiwać ikony po nazwie, pobierać je pojedynczo lub masowo, dostosowywać kolor i rozmiar. Dostępne również jako serwer MCP dla agentów AI, co pozwala zintegrować je z asystentami takimi jak Claude czy Cursor.

1. Zainstaluj narzędzie za pomocą npm lub innego menadżera pakietów (szczegóły w dokumentacji projektu).

2. Aby wyszukać ikony, użyj komendy better-icons search <zapytanie>. Na przykład better-icons search arrow --limit 10 zwróci do 10 ikon pasujących do słowa "arrow". Wynik wyświetli się w terminalu z identyfikatorami ikon w formacie biblioteka:nazwa.

3. Aby pobrać pojedynczą ikonę jako plik SVG, użyj better-icons get <id-ikony>. Na przykład better-icons get lucide:home > icon.svg pobierze ikonę "home" z biblioteki Lucide i zapisze ją do pliku. Możesz dodać opcje --color i --size do zmiany koloru i rozmiaru.

4. Aby pobrać wszystkie wyniki wyszukiwania naraz, dodaj flagę -d do komendy search. Na przykład better-icons search arrow -d zapisze wszystkie znalezione ikony do folderu ./icons/. Możesz wskazać inny folder: better-icons search arrow -d ./moje-ikony.

5. Jeśli pracujesz z agentem AI (Claude, Cursor), skonfiguruj Better Icons jako serwer MCP za pomocą better-icons setup. Wtedy agent będzie mógł automatycznie wyszukiwać i pobierać ikony w ramach swoich zadań.

6. Zapoznaj się z popularnymi kolekcjami ikon: Lucide, Material Design Icons (mdi), Heroicons, Tabler, Phosphor (ph), Remix (ri), Solar i Iconamoon. Każda ma inny styl i zakres ikon.