106.9K+Descargar
Ir a la guía de uso
Better Iconspor better-auth

Better Icons Skill.

Encuentra un icono existente y recupera su SVG mediante un ID de biblioteca verificado.

  • Búsqueda de iconos
  • SVG
Descargar OpenDesignVer la guía de uso
Revisión de la fuente · better-iconsSKILL.md
Tarea Encuentra un icono existente y recupera su SVG mediante un ID de biblioteca verificado. Resultados Una lista de candidatos con ID de iconos concretos, asociados a los conceptos solicitados. Antes de empezar Este flujo recupera recursos de bibliotecas; no describe un proceso de diseño de logotipos originales.
Resumen editorial · fuente revisada el 2026-11-02 · no es un ejemplo generado

01 Qué hace

Encuentra un icono existente y recupera su SVG mediante un ID de biblioteca verificado

Busca en colecciones de Iconify, compara estilos y recupera archivos SVG mediante la CLI de Better Icons o herramientas MCP.

Flujo de trabajo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

Better Icons ofrece a un agente una forma concreta de encontrar y recuperar iconos en las colecciones de Iconify. Los términos de búsqueda pueden limitarse con un prefijo de colección y cada resultado tiene un identificador explícito como lucide:home. El Skill permite recuperar SVG con opciones de tamaño y color, convirtiendo una petición vaga en una selección de recursos trazable.

La misma capacidad está disponible mediante operaciones de línea de comandos y herramientas MCP. La interfaz MCP incluye exploración de colecciones, búsqueda de iconos similares, recomendaciones, análisis del proyecto y sincronización. Resulta útil para construir o depurar una interfaz cuyos iconos deban pertenecer a una familia coherente.

Entregables esperados

  • Una lista de candidatos con ID de iconos concretos, asociados a los conceptos solicitados.
  • Archivos SVG recuperados con el tamaño y color solicitados.
  • Un mapa de iconos o una integración en el proyecto mediante el flujo compatible elegido.
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Definir la familia de iconos

    Inspecciona los iconos existentes e identifica los conceptos que necesitan representación. Elige un prefijo de colección cuando el diseño ya tenga un lenguaje visual coherente.

  2. 02
    Buscar y comparar

    Busca por significado y revisa los ID devueltos. Las herramientas MCP también pueden explorar colecciones, recomendar iconos para un caso de uso o encontrar símbolos similares entre bibliotecas.

  3. 03
    Recuperar los recursos seleccionados

    Recupera SVG por sus identificadores prefix:name. Define deliberadamente tamaño y color y guarda o sincroniza solo los iconos seleccionados en la ubicación prevista del proyecto.

02 Cuándo usarlo

Cuándo usarlo

Este flujo recupera recursos de bibliotecas; no describe un proceso de diseño de logotipos originales.

Buen encaje

  • Selección de iconos de interfazEncuentra iconos de navegación, acción o estado que encajen en una colección existente elegida.
  • Coherencia de iconosInspecciona el uso de iconos del proyecto y sustituye elecciones incoherentes mediante una correspondencia documentada.

Límites que conviene comprobar

  • Gráficos existentesEste flujo recupera recursos de bibliotecas; no describe un proceso de diseño de logotipos originales.
  • Disponibilidad de herramientasLa CLI o la integración MCP debe estar disponible; la recuperación utiliza la API de Iconify.

Aporta estos datos

  • ConceptosProporciona las acciones, destinos o estados que deben representar los iconos.
  • Preferencia de colecciónEspecifica un prefijo o una preferencia de estilo de contorno, sólido o sin restricciones.
  • Requisitos de salidaIndica destino, dimensiones, color y framework de integración compatible.

03 Decisiones importantes

Decisiones importantes

  1. Selección trazable

    Cada recurso elegido tiene un ID concreto prefix:name.

  2. Recuperación coherente

    El color y el tamaño pueden especificarse al recuperar los recursos.

  3. Integración con agentes

    Las herramientas MCP cubren búsqueda, recuperación por lotes y análisis de los iconos del proyecto.

04 Ejemplo de brief

Prueba con un encargo concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisa la fuente y la configuración

Proporciona las acciones, destinos o estados que deben representar los iconos.

Archivo fuente original
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

La referencia siguiente abre las instrucciones originales. Revisa la configuración del repositorio antes de utilizarlas; no es un comando de instalación.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo
Usa better-icons para elegir iconos para la navegación de nuestro proyecto: resumen, actividad, miembros, facturación y ajustes. Inspecciona la familia de iconos que ya usa el repositorio antes de buscar. Prioriza iconos de contorno coherentes de esa colección y devuelve el ID prefix:name exacto de cada elección. Recupera los SVG seleccionados a 24 píxeles con currentColor y colócalos en el directorio de recursos definido. Mantén un mapa entre etiqueta de navegación e ID de icono. No sustituyas otros iconos ni instales un nuevo sistema de iconos para toda la aplicación en esta pasada.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • Cada ID elegido se resuelve en el SVG esperado.
  • El conjunto mantiene un estilo visual, tamaño y tratamiento del color coherentes.
  • Solo han cambiado los archivos de recursos e integración acordados.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

Descargar OpenDesignLeer la guía de inicio rápido

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
better-auth
Repositorio
better-auth/better-icons
Archivo del skill
SKILL.md
Licencia
MIT
Versión revisada
2026-11-02 · 033316ecb8f4

Notas de lectura

  1. Alcance de la licenciaSe verificó el texto LICENSE del repositorio en la revisión fijada; el inventario completo de nombres de archivo no encontró ningún LICENSE/COPYING/NOTICE más específico dentro de la ruta de este Skill. La clasificación corresponde al código fuente original revisado, no a los resultados generados ni a las dependencias de terceros. Las colecciones de iconos recuperadas pueden tener licencias propias; la declaración MIT de este repositorio no determina la licencia de cada icono devuelto por Iconify.
Resumen editorial de la fuente
Encuentra un icono existente y recupera su SVG mediante un ID de biblioteca verificado.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Cómo se identifican los iconos?

El formato es prefix:name, que combina un identificador de colección con el nombre del icono.

¿Puede recuperar varios iconos?

Sí. La CLI puede descargar resultados como SVG, mientras que la operación MCP documentada get_icons admite hasta 20 ID por solicitud. Selecciona y comprueba los ID antes de recuperar un lote para que una búsqueda amplia no añada recursos no deseados.

¿Es necesario MCP?

No. La fuente también documenta búsqueda y recuperación por línea de comandos con opciones de ejecución mediante npm o Bun.

OpenDesign

Mantén juntos tu encargo y tu trabajo de diseño.

Mantén juntos tu brief, el material de origen y el trabajo de diseño en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Descargar OpenDesignExplorar skills de diseño
Archivo fuente original
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md