106.9K+Baixar
Ir para o guia de uso
Better Iconspor better-auth

Better Icons Skill.

Encontre um ícone existente e obtenha seu SVG por um ID de biblioteca verificado.

  • Busca de ícones
  • SVG
Baixar OpenDesignVer guia de uso
Análise do arquivo-fonte · better-iconsSKILL.md
Tarefa Encontre um ícone existente e obtenha seu SVG por um ID de biblioteca verificado. Resultados Uma lista de IDs de ícones específicos que correspondem aos conceitos solicitados. Antes de começar Este fluxo obtém arquivos de bibliotecas; não descreve um processo de criação de logotipo original.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Encontre um ícone existente e obtenha seu SVG por um ID de biblioteca verificado

Pesquise coleções do Iconify, compare estilos de ícones e obtenha arquivos SVG com a CLI ou as ferramentas MCP do Better Icons.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Better Icons oferece a um agente uma forma concreta de encontrar e obter ícones nas coleções do Iconify. As buscas podem ser restringidas por um prefixo de coleção, e cada resultado tem um identificador explícito, como lucide:home. A skill permite obter SVGs com opções de tamanho e cor, ajudando a transformar um pedido vago de ícone em uma escolha de arquivo rastreável.

A mesma capacidade está disponível por operações de linha de comando e ferramentas MCP. A interface MCP inclui navegação por coleções, busca de ícones semelhantes, recomendações, análise do projeto e sincronização. Isso é útil para criar ou organizar uma interface cujos ícones devem pertencer a uma família consistente.

Entregas esperadas

  • Uma lista de IDs de ícones específicos que correspondem aos conceitos solicitados.
  • Arquivos SVG obtidos no tamanho e na cor pedidos.
  • Um mapeamento de ícones ou uma integração no projeto usando o fluxo compatível selecionado.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Defina a família de ícones

    Inspecione as escolhas atuais de ícones e identifique os conceitos que precisam ser representados. Escolha um prefixo de coleção quando o design já tiver uma linguagem visual consistente.

  2. 02
    Pesquise e compare

    Pesquise pelo significado e revise os IDs retornados. As ferramentas MCP também podem navegar por coleções, recomendar ícones para um caso de uso ou encontrar símbolos semelhantes entre bibliotecas.

  3. 03
    Obtenha os arquivos selecionados

    Busque SVGs pelos identificadores prefix:name. Defina tamanho e cor deliberadamente e salve ou sincronize apenas os ícones selecionados no local previsto do projeto.

02 Quando usar

Quando usar

Este fluxo obtém arquivos de bibliotecas; não descreve um processo de criação de logotipo original.

Bom encaixe

  • Seleção de ícones para interfacesEncontre ícones de navegação, ação ou status adequados a uma coleção existente escolhida.
  • Consistência dos íconesInspecione o uso de ícones no projeto e substitua escolhas destoantes por meio de um mapeamento documentado.

Limites a verificar

  • Arte existenteEste fluxo obtém arquivos de bibliotecas; não descreve um processo de criação de logotipo original.
  • Disponibilidade das ferramentasA CLI ou a integração MCP precisa estar disponível, e a obtenção dos arquivos usa a API do Iconify.

Traga estas entradas

  • ConceitosForneça as ações, os destinos ou os estados que os ícones precisam representar.
  • Preferência de coleçãoEspecifique um prefixo ou a preferência por estilo de contorno, preenchido ou sem restrição.
  • Requisitos de saídaIndique o destino, as dimensões, a cor e o framework de integração compatível.

03 Decisões importantes

Decisões que fazem a diferença

  1. Seleção rastreável

    Cada arquivo escolhido tem um ID concreto no formato prefix:name.

  2. Obtenção consistente

    É possível especificar cor e tamanho ao obter os arquivos.

  3. Integração com agentes

    As ferramentas MCP abrangem busca, obtenção em lote e análise de ícones no projeto.

04 Exemplo de briefing

Experimente um briefing específico

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a fonte e a configuração

Forneça as ações, os destinos ou os estados que os ícones precisam representar.

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

A referência abaixo abre as instruções originais. Revise a configuração do repositório antes de usá-las; não se trata de um comando de instalação.

Comece com uma única entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo
Use better-icons para escolher ícones para a navegação do nosso projeto: visão geral, atividade, membros, cobrança e configurações. Inspecione a família de ícones já usada no repositório antes de pesquisar. Prefira ícones de contorno correspondentes dessa coleção e retorne o ID exato no formato prefix:name para cada escolha. Obtenha os SVGs selecionados com 24 pixels e currentColor e coloque-os no diretório de arquivos definido para esta tarefa. Mantenha um mapeamento de cada rótulo da navegação para o ID do ícone. Não substitua outros ícones nem instale um novo sistema de ícones para toda a aplicação nesta rodada.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • Cada ID de ícone selecionado resolve para o SVG esperado.
  • O conjunto tem estilo visual, tamanho e tratamento de cor consistentes.
  • Somente os arquivos de ícones e de integração acordados foram alterados.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Responsável pela fonte
better-auth
Repositório
better-auth/better-icons
Arquivo da skill
SKILL.md
Licença
MIT
Versão revisada
2026-11-02 · 033316ecb8f4

Notas de leitura

  1. Escopo da licençaO texto de LICENSE do repositório na revisão fixada foi verificado; o inventário completo de nomes de arquivos do arquivo compactado não encontrou um LICENSE/COPYING/NOTICE mais específico sob o caminho desta skill. A classificação se refere à fonte original revisada, não às saídas geradas nem às dependências de terceiros. As coleções de ícones obtidas podem ter licenças próprias; a declaração MIT deste repositório não determina a licença de cada ícone retornado pelo Iconify.
Resumo editorial da fonte
Encontre um ícone existente e obtenha seu SVG por um ID de biblioteca verificado.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Como os ícones são identificados?

O formato é prefix:name, combinando um identificador de coleção com o nome de um ícone.

É possível obter vários ícones?

Sim. A CLI pode baixar resultados de busca como SVGs, enquanto a operação MCP get_icons documentada aceita até 20 IDs de ícones por solicitação. Selecione e confira os IDs antes de buscar um lote, para que uma pesquisa ampla não acrescente arquivos indesejados.

MCP é obrigatório?

Não. A fonte também documenta busca e obtenção pela linha de comando, com opções de execução via npm ou Bun.

OpenDesign

Mantenha seu briefing e seu trabalho de design juntos.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md