article-icons

# Article Icons (itshover) Add tasteful icons to an article using the [itshover](https://www.itshover.com/icons) icon set. itshover publishes 263 icons as shadcn registry components; this skill downloads them and converts each into a clean, static, inline **SVG** that drops straight into Markdown or HTML — no React, no `motion`, no build step. ## Triggers Use when the user wants to illustrate a document with icons: - `/article-icons <file>` - "给这篇文章配图标", "给文章配图", "add icons to this article", "illustrate with icons" ## Inputs - **Target file** — the article to illustrate (`.md`, `.html`, `.mdx`, ...). If not given, ask. - **Style preferences** (optional) — color, size, where icons go. Otherwise use sensible defaults below. ## The Tool `scripts/fetch_icon.py` is the only moving part. It fetches an icon and prints static SVG to stdout. ```bash # Get one icon (defaults: size 24, color currentColor, stroke-width 2) python3 scripts/fetch_icon.py heart-icon # Customize python3 scripts/fetch_icon.py rocket-icon --size 32 --color "#d97757" --stroke-width 1.5 # Discover names (do this FIRST — names must match exactly) python3 scripts/fetch_icon.py --list python3 scripts/fetch_icon.py --search arrow python3 scripts/fetch_icon.py --search brand ``` `scripts/icon_names.json` is a cached list of all 263 names for offline reference. Most icon names end in `-icon` (e.g. `heart-icon`, `rocket-icon`, `database-icon`), and brands use `brand-<name>-icon` (e.g. `brand-anthropic-icon`)...