better-auth/better-icons

Use ao trabalhar com ícones em qualquer projeto. Fornece CLI para pesquisar em mais de 200 bibliotecas de ícones (Iconify) e obter SVGs. Comandos: `better-icons search <consulta>` para encontrar ícones, `better-icons get <id>` para obter SVG. Também disponível como servidor MCP para agentes de IA.

O que é better-icons?

O `better-auth/better-icons` é uma ferramenta versátil para desenvolvedores que precisam integrar ícones em seus projetos de forma rápida e eficiente. Ele oferece uma interface de linha de comando (CLI) que permite pesquisar em mais de 200 bibliotecas de ícones suportadas pelo Iconify, como Material Design, Font Awesome e Phosphor, e obter o código SVG diretamente. Além disso, a ferramenta pode ser executada como um servidor MCP (Model Context Protocol), o que a torna ideal para agentes de IA, como o Claude, Cursor ou Codex, que podem buscar ícones programaticamente durante o desenvolvimento. O fluxo de trabalho típico envolve usar `better-icons search <termo>` para localizar ícones por palavras-chave e, em seguida, `better-icons get <id>` para obter o SVG correspondente. Suporta qualquer plataforma onde Node.js e Python podem ser executados, sendo especialmente útil para projetos de frontend, documentação ou automação de design.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/better-auth/better-icons/tree/main/skills/better-icons

Installed? Explore more Produtividade e Colaboração skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que better-icons faz?

Use ao trabalhar com ícones em qualquer projeto. Fornece CLI para pesquisar em mais de 200 bibliotecas de ícones (Iconify) e obter SVGs. Comandos: better-icons search <consulta> para encontrar ícones, better-icons get <id> para obter SVG. Também disponível como servidor MCP para agentes de IA.

Recursos

  • Pesquise em +200 bibliotecas de ícones: Do Material Design ao Phosphor, Font Awesome e muito mais.
  • Comandos CLI simples: search e get para um fluxo de trabalho rápido.
  • Suporte MCP: Integre diretamente com agentes de IA como Claude, Cursor ou Codex.

Como usar

CLI

better-icons search "seta direita"
better-icons get "mdi:arrow-right"

Servidor MCP

Para usar com agentes de IA que suportam MCP:

  1. Instale as dependências (Node.js ou Python).
  2. Execute o servidor: better-icons mcp
  3. Conecte o agente ao endpoint MCP (geralmente via stdio ou HTTP).

Exemplo de fluxo de trabalho

  1. O desenvolvedor ou agente consulta better-icons search "carregando".
  2. A ferramenta retorna uma lista de ícones correspondentes com IDs.
  3. O desenvolvedor ou agente usa better-icons get "eos-icons:loading" para obter o SVG.
  4. O SVG pode ser colado diretamente no código ou componente.

Notas

  • Ícones são obtidos da API aberta do Iconify. Nenhuma chave de API necessária.
  • O cache local é usado para acelerar consultas repetidas.

Habilidades Relacionadas