Toolverse
All skills

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.

Installation

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

Installation

Quick info

Category
Frontend
Views
37

About this skill

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.

How to use

  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.

Related skills

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

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

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

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

jimeng-mcp-skill

by wwwzhouhui

使用jimeng-mcp-server进行AI图像和视频生成。当用户请求从文本生成图像、合成多张图片、从文本描述创建视频或为静态图像添加动画时使用此技能。支持四大核心能力:文生图、图像合成、文生视频、图生视频。需要jimeng-mcp-server在本地运行或通过SSE/HTTP访问。

Frontend
17126

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158