¿Qué hace better-icons?
Útil al trabajar con iconos en cualquier proyecto. Proporciona una CLI para buscar en más de 200 librerías de iconos (Iconify) y recuperar SVGs. Comandos: better-icons search <consulta> para encontrar iconos, better-icons get <id> para obtener el SVG. También disponible como servidor MCP para agentes de IA.
Instalación
Puedes instalar la CLI globalmente con npm:
npm install -g better-auth/better-icons
O usarla directamente con npx:
npx better-icons search <consulta>
Uso como CLI
Buscar iconos
better-icons search sol
Esto devolverá una lista de iconos que coinciden con el término de búsqueda, mostrando su ID, nombre de la librería y un recuento de resultados.
Obtener un SVG
better-icons get ph:sun-fill
Esto devolverá el código SVG completo del icono solicitado.
Uso como servidor MCP
El skill también se puede ejecutar como un servidor MCP (Model Context Protocol), permitiendo que agentes de IA accedan a las funcionalidades de búsqueda y obtención de iconos.
Configuración del MCP
Para usar el servidor MCP, puedes ejecutar:
npx @better-auth/better-icons-mcp
Y luego agregarlo a la configuración de tu cliente MCP (por ejemplo, claude_desktop_config.json):
{
"mcpServers": {
"better-icons": {
"command": "npx",
"args": ["@better-auth/better-icons-mcp"],
"env": {}
}
}
}
Herramientas disponibles en MCP
search_icons: Busca iconos por término de consulta. Parámetros:query(cadena de búsqueda).get_icon_svg: Obtiene el SVG de un icono por su ID. Parámetros:id(identificador del icono, ej:ph:sun-fill).
Ejemplos
# Buscar iconos relacionados con 'corazón'
better-icons search heart
# Obtener el SVG del icono de corazón de Phosphor
better-icons get ph:heart-fill
Notas
- Las bibliotecas de iconos provienen de Iconify.
- Asegúrate de tener una conexión a internet para la búsqueda y la obtención de SVGs.
- Los IDs de iconos siguen el formato
coleccion:nombre-icono.