106.9K+Scarica
Vai alla guida all’uso
Better Iconsdi better-auth

Better Icons Skill.

Trova un’icona esistente e recupera il suo SVG tramite un ID di libreria verificato.

  • Ricerca icone
  • SVG
Scarica OpenDesignVedi la guida all'uso
Esame della fonte · better-iconsSKILL.md
Attività Trova un’icona esistente e recupera il suo SVG tramite un ID di libreria verificato. Risultati Una selezione di ID di icone specifici, abbinati ai concetti richiesti. Prima di iniziare Questo flusso recupera risorse da librerie; non descrive un processo di creazione di loghi originali.
Sintesi editoriale · fonte esaminata il 2026-11-02 · non è un esempio generato

01 Funzionalità

Trova un’icona esistente e recupera il suo SVG tramite un ID di libreria verificato

Cerca nelle raccolte Iconify, confronta gli stili e recupera risorse SVG tramite la CLI Better Icons o gli strumenti MCP.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Better Icons offre a un agente un modo concreto per trovare e recuperare icone nelle raccolte Iconify. I termini di ricerca si possono restringere con un prefisso di raccolta e ogni risultato ha un identificatore esplicito, come lucide:home. Lo Skill permette di recuperare SVG con opzioni di dimensione e colore, trasformando una richiesta generica in una scelta di risorse tracciabile.

La stessa capacità è disponibile tramite comandi e strumenti MCP. L’interfaccia MCP comprende esplorazione delle raccolte, ricerca di icone simili, consigli, scansione del progetto e sincronizzazione. È utile per costruire o riordinare un’interfaccia in cui le icone devono appartenere a una famiglia coerente.

Risultati attesi

  • Una selezione di ID di icone specifici, abbinati ai concetti richiesti.
  • Risorse SVG recuperate con dimensione e colore richiesti.
  • Una mappatura delle icone o un’integrazione nel progetto tramite il flusso supportato scelto.
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Definisci la famiglia di icone

    Esamina le icone esistenti e identifica i concetti da rappresentare. Scegli un prefisso di raccolta se il design ha già un linguaggio visivo coerente.

  2. 02
    Cerca e confronta

    Cerca per significato ed esamina gli ID restituiti. Gli strumenti MCP possono anche esplorare raccolte, consigliare icone per un caso d’uso o trovare simboli simili tra librerie.

  3. 03
    Recupera le risorse selezionate

    Recupera gli SVG tramite identificatori prefix:name. Imposta deliberatamente dimensione e colore, quindi salva o sincronizza solo le icone scelte nella posizione prevista del progetto.

02 Quando usarlo

Quando usarlo

Questo flusso recupera risorse da librerie; non descrive un processo di creazione di loghi originali.

Adatta a

  • Scelta delle icone dell’interfacciaTrova icone di navigazione, azione o stato coerenti con una raccolta esistente scelta.
  • Coerenza delle iconeEsamina l’uso delle icone nel progetto e sostituisci le scelte incoerenti tramite una mappatura documentata.

Limiti da verificare

  • Grafica esistenteQuesto flusso recupera risorse da librerie; non descrive un processo di creazione di loghi originali.
  • Disponibilità degli strumentiLa CLI o l’integrazione MCP deve essere disponibile; il recupero usa l’API Iconify.

Cosa portare

  • ConcettiFornisci le azioni, le destinazioni o gli stati che le icone devono rappresentare.
  • Preferenza di raccoltaSpecifica un prefisso oppure una preferenza per icone a contorno, piene o senza vincoli di stile.
  • Requisiti di outputIndica destinazione, dimensioni, colore e framework di integrazione supportato.

03 Decisioni importanti

Le decisioni importanti

  1. Scelta tracciabile

    Ogni risorsa scelta ha un ID concreto nel formato prefix:name.

  2. Recupero coerente

    Colore e dimensione si possono specificare quando si recuperano le risorse.

  3. Integrazione con gli agenti

    Gli strumenti MCP coprono ricerca, recupero in serie e scansione delle icone del progetto.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Esamina la fonte e la configurazione

Fornisci le azioni, le destinazioni o gli stati che le icone devono rappresentare.

File sorgente originale
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

Il riferimento qui sotto apre le istruzioni originali. Esamina la configurazione del repository prima di usarle; non è un comando di installazione.

Inizia con un solo risultato da consegnare

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio
Usa better-icons per scegliere le icone della navigazione del nostro progetto: panoramica, attività, membri, fatturazione e impostazioni. Prima di cercare, esamina la famiglia di icone già usata nel repository. Preferisci icone a contorno coerenti di quella raccolta e restituisci l’ID prefix:name esatto di ogni scelta. Recupera gli SVG selezionati a 24 pixel con currentColor e salvali nella directory di risorse definita. Mantieni una mappatura tra etichetta di navigazione e ID dell’icona. In questo passaggio non sostituire altre icone e non installare un nuovo sistema di icone per tutta l’applicazione.

Esamina il risultato

Confronta l'output effettivo con questi criteri osservabili.

  • Ogni ID di icona scelto restituisce lo SVG previsto.
  • L’insieme mantiene coerenza di stile, dimensione e gestione del colore.
  • Sono cambiati solo i file di risorse e integrazione concordati.

OpenDesign offre uno spazio di lavoro di design locale per agenti di programmazione. Questa scheda non significa che la skill sia inclusa nel pacchetto né che i suoi strumenti esterni, le credenziali e le dipendenze software siano compresi.

Scarica OpenDesignLeggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata e collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Proprietario della fonte
better-auth
Repository
better-auth/better-icons
File della skill
SKILL.md
Licenza
MIT
Snapshot esaminato
2026-11-02 · 033316ecb8f4

Note di lettura

  1. Ambito della licenzaIl testo LICENSE del repository è stato verificato per la revisione fissata; l’inventario completo dei nomi dei file nell’archivio non ha individuato un file LICENSE/COPYING/NOTICE più specifico sotto il percorso di questo Skill. La classificazione riguarda il codice sorgente originale esaminato, non gli output generati o le dipendenze di terze parti. Le raccolte di icone recuperate possono avere licenze proprie; la dichiarazione MIT del repository non stabilisce la licenza di ogni icona restituita da Iconify.
Sintesi editoriale della fonte
Trova un’icona esistente e recupera il suo SVG tramite un ID di libreria verificato.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

Come si identificano le icone?

Il formato è prefix:name e combina un identificatore di raccolta con il nome dell’icona.

Può recuperare più icone?

Sì. La CLI può scaricare i risultati della ricerca come SVG, mentre l’operazione MCP documentata get_icons accetta fino a 20 ID per richiesta. Seleziona e verifica gli ID prima del recupero in serie, per evitare che una ricerca ampia aggiunga risorse indesiderate.

MCP è obbligatorio?

No. La fonte documenta anche ricerca e recupero da riga di comando con opzioni di esecuzione tramite npm o Bun.

OpenDesign

Tieni insieme il brief e il lavoro di design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesignSfoglia le skill di design
File sorgente originale
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md