Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)48 mil · #3304

iconsax-library

Faz seu agente usar uma grande biblioteca de ícones e criar novos. Isso melhora o visual e a experiência do usuário em aplicativos e sites.

O que ela faz

Esta ferramenta ajuda você a encontrar ou criar ícones bonitos e modernos para seus projetos digitais. Ela oferece um conjunto de ícones com estilos coordenados e também permite gerar ícones personalizados usando inteligência artificial.

Quando usar

  • ✓Ao criar menus de navegação ou botões para um aplicativo.
  • ✓Quando você precisa de ícones que combinem entre si e tenham um visual moderno.
  • ✓Se você precisa de um ícone único que não existe na biblioteca.

Exemplo do que pedir para a IA

“Preciso de um ícone de 'coração' no estilo 'two-tone' para um botão de favoritos.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/iconsax-library/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/iconsax-library/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Você escolhe um estilo de ícone (como 'Linear' ou 'Bold') e procura na biblioteca. Se não encontrar, pode usar a inteligência artificial para criar um novo ícone com o estilo desejado.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill iconsax-library

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/iconsax-library/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Habilidade da Biblioteca Iconsax

Iconsax é uma biblioteca de ícones intuitiva e abrangente, projetada para produtos digitais modernos, oferecendo um conjunto de estilos de ícones coordenados.

Contexto

Use esta habilidade para manter a consistência visual em um aplicativo com um conjunto de ícones coordenado. A biblioteca é otimizada tanto para designers quanto para desenvolvedores para criar uma sensação distintamente premium.

Quando Usar

Acione esta habilidade quando:

  • Projetar ou construir menus de navegação, barras de ferramentas e botões de ação altamente elaborados.
  • Você precisar de um ícone que faça parte de um sistema de design coeso e moderno, afastando-se de ícones obsoletos e ubíquos.
  • Gerar um ícone personalizado e perfeitamente estilizado usando o Iconsax AI quando um conceito único for necessário.

Fluxo de Execução

  1. Identificar Necessidade: Determine o conceito que o ícone precisa representar.
  2. Escolher Estilo Premium: Selecione o estilo que corresponde à direção criativa:
    • Linear: Para minimalismo extremo e clareza.
    • Bold/Bulk: Para peso sólido e ênfase em modos escuros premium.
    • Two-tone: Para estéticas altamente personalizadas, coloridas e distintas.
  3. Pesquisar ou Gerar: Encontre o ícone existente ou, se ele não existir, use o Iconsax AI para gerar uma variação personalizada que corresponda perfeitamente ao estilo escolhido.
  4. Integração: Implementação usando SVGs ou componentes web, garantindo alinhamento e dimensionamento precisos.

Regras Estritas

  • Use o sistema de ícones escolhido pelo projeto. Iconsax é uma opção quando solicitado ou compatível com esse sistema; não substitua uma biblioteca existente ou compre/gere ativos apenas porque este guia o recomenda.
  • Consistência Estrita: Mantenha UM estilo (por exemplo, apenas "Two-tone") em um único projeto para manter um polimento de ponta.
  • Dimensionamento e Alinhamento: Use a grade do sistema de design, o peso do traço e o alinhamento óptico; 24x24 é um ponto de partida, não um tamanho universal ou garantia de nitidez.

Exemplo

Solicitação do usuário:

Projetar ou construir menus de navegação, barras de ferramentas e botões de ação altamente elaborados.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como um substituto para validação específica do ambiente, testes ou revisão especializada.
  • Pare e peça esclarecimentos se os inputs, permissões, limites de segurança ou critérios de sucesso necessários estiverem ausentes.

Verifique as licenças de ativos e pacotes, inspecione o conteúdo do SVG antes de incorporar e mantenha as ações essenciais rotuladas e acessíveis por teclado. Ícones decorativos devem ser ocultados da tecnologia assistiva; ícones significativos precisam de um nome acessível. A geração hospedada pode transmitir prompts e incorrer em custos: use apenas um provedor e orçamento autorizados, e inspecione o resultado.

Perguntas frequentes

O que são os estilos de ícone?

São diferentes aparências que os ícones podem ter, como 'Linear' (linhas finas), 'Bold' (grossos) ou 'Two-tone' (duas cores).

Posso misturar estilos em um mesmo projeto?

Não, para manter um visual profissional, é recomendado usar apenas um estilo em todo o projeto.

Preciso pagar para gerar ícones com IA?

A geração de ícones por IA pode ter custos e requer um provedor autorizado. É importante verificar as licenças e os custos antes de usar.

Detalhes

Descrição original do autor

Extensive icon library and AI-driven icon generation skill for premium UI/UX design.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#3304
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas