article-icons
Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons. Fetches icons as clean inline SVG and places them at section headings, key concepts, lists, and callouts. Triggers on: /article-icons, 配图, 给文章配图标, add icons to article, illustrate with icons.
npx skills add smallnest/goal-workflow --skill article-icons --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 --searc
- Triggers
- Inputs
- The Tool
- Workflow
- Embedding Rules
- Defaults
- Icon Selection Cheatsheet
- Edge Cases
- Checklist
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
What does the article-icons skill do?
Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons. Fetches icons as clean inline SVG and places them at section headings, key concepts, lists, and callouts. Triggers on: /article-icons, 配图, 给文章配图标, add icons to article, illustrate with icons.
How do I install it?
Run `npx skills add smallnest/goal-workflow --skill article-icons --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From smallnest/goal-workflow, a repository with 199 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.