AI Plugin Indexicon-usage vs highlights
icon-usage and highlights are both design skills. highlights scores higher (84 vs 68 out of 100). highlights has more GitHub stars (6.3k), and icon-usage was updated more recently (today). The table compares them side by side.
| icon-usage | highlights | |
|---|---|---|
| Score | 68 / 100 | 84 / 100 |
| What it does | Enforce centralized icon usage through the Icon component. Use when adding, using, or referencing icons in any component. All icons must go through src/components/Icon.tsx — never import react-icons directly in other files. | Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables. |
| Publisher | Community: Snap-Mind | Community: pierrecomputer |
| Grades | Maintenance A, Licence A, Quality C | Maintenance A, Licence A, Quality A |
| npm downloads a week | Not on npm | Not on npm |
| Runs | Skill | Skill |
| Works with | Claude Code, Claude apps | Claude Code, Claude apps |
| GitHub stars | 48 | 6,285 |
| Last commit | 20 Oct 2026 | 20 Oct 2026 |
| Licence | Apache-2.0 | Apache-2.0 |
| Listed since | 20 Oct 2026 | 20 Oct 2026 |
| Install icon-usage | Install highlights |
Questions
Is icon-usage or highlights more popular?
highlights has more GitHub stars: 6,285.
Can I use icon-usage and highlights together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.