Better Icons

CLI til at søge 200+ Iconify-ikon-sæt og hente SVG'er; output skal have fill-attributter fjernet

Virker med opsætning ★ 8.0/10

Hvad det gør

Wrapper `better-icons` npm CLI'en, så Claude kan søge på tværs af 200+ Iconify-ikon-samlinger (lucide, mdi, tabler, heroicons, phosphor, solar) og hente ikon-SVG'er via `prefix:name` id. Udløses, når en opgave involverer at finde, vælge eller tilføje ikoner til et projekt i stedet for at håndskrive SVG-stier fra hukommelsen. Dokumenterer CLI-flags plus en valgfri MCP-server, der eksponerer søge-, batch-get-, anbefalings- og projektscanningsværktøjer.

Testrapport

INSTALL 5/5: frontmatter parses med name+description; kroppen refererer ikke til lokale filer, kun npm-pakken og Iconify API — spot-tjekket registry.npmjs.org/better-icons (200, latest 1.0.4, bin present), api.iconify.design/search (200), api.iconify.design/lucide/settings.svg (200). Ingen hardkodede stier, ingen curl|sh, ingen base64, ingen hemmelig exfil, ingen injektionstekst. Bemærk herkomst: dette er en vendored kopi — upstream author is better-auth/better-icons, not dtsola. TRIGGER 5/5, alle korrekt bedømt. SKAL udløses: "I need a good trash/delete icon for this toolbar, find me one" (ja); "What icon sets have a filled bell icon? Give me the SVG" (ja); "Add a settings gear icon to the Vue sidebar component" (ja). SKAL IKKE: "Generate an app icon/logo for my macOS app at 1024x1024" (nej — logo-generering, not library lookup); "favicon.ico 404s in production" (nej — static-asset serving bug). Forbehold: den indledende klausul "Use when working with icons in any project" er for bred; only the second sentence keeps case 4 from false-firing. OUTPUT 6/10, ægte målt. Opgave: levere inline 24px `search` + `settings` SVG'er fra et konsistent sæt til en Vue-app. BASELINE (kun frontmatter): Jeg fik `search` korrekt fra hukommelsen, men kunne IKKE huske Lucides `settings`-sti og ville have været nødt til at afkorte den eller falde tilbage til at tilføje en lucide-vue-next-afhængighed. SKILL: `npx better-icons@1.0.4 search settings --prefix lucide` derefter `get` returnerede den nøjagtige upstream-geometri — reel gevinst på det, baseline fejlede på. MEN CLI'en injicerer `fill="currentColor"` (eller `--color`'s værdi) på child path/circle-elementer inde i en `<g fill="none">`, which upstream Iconify does not do. Jeg rasteriserede begge med rsvg-convert: CLI search-ikon = 46,1% mørke pixels vs upstream 19,4%; visuelt gengives forstørrelsesglasset som en solid disk og gearet som en funktionel blob uden centerhul. Så at følge skill'en strengt leverer ødelagte outline-ikoner for de fleste af de samlinger, den selv anbefaler. En enkeltlinjes sed, der fjerner child fill-attributter, gendanner korrekt gengivelse (verificeret). Også `--limit 3` og `--limit 8` blev begge ignoreret ved ufiltreret søgning (returnerede 32 hver gang); `--prefix` virker. DOCS 4/5: SKILL.md er kort og præcis om kommandoform, og påstanden om 200+ biblioteker / Iconify er sand. Mister et point, fordi det dokumenterede `--limit`-flag ikke virker, fill-injektionsdefekten er udokumenteret, og den 8-værktøjs MCP-tabel præsenteres som tilgængelig, men er uverificerbar fra dokumentet (no link to the upstream repo, no README in the skill dir). VERDICT opsætning snarere end bestået: numeriske grænser er opfyldt (20 totalt, install 5, trigger 5, outputMeasured true), men det centrale leverede kræver en manuel korrektion på hvert `get`-kald, which is real per-use friction.

Testet: 2026-07-21 · Claude Code 2.x (agent harness)

Installation

npm install -g better-icons        # or: bun add -g better-icons
# (or skip the install and prefix every command with npx/bunx)

mkdir -p ~/.claude/skills/better-icons
curl -sL https://raw.githubusercontent.com/dtsola/xiaoyaosearch/HEAD/.claude/skills/better-icons/SKILL.md \
  -o ~/.claude/skills/better-icons/SKILL.md

# verify
better-icons search settings --prefix lucide
better-icons get lucide:settings

# REQUIRED post-step: the CLI injects fill= onto child elements, which fills
# outline icons solid. Strip it:
better-icons get lucide:settings | sed -E 's/(<(path|circle|rect|line|polyline|polygon)) fill="[^"]*"/\1/g'

Kommandoer og eksempelprompter

/better-iconsCLI til at søge 200+ Iconify-ikon-sæt og hente SVG'er; output skal have fill-attributter fjernet

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Find a shopping cart icon for this button
Search for a settings gear icon in Iconify
Get the SVG for this Material icon

Læs hele rapporten →