suggest-lucide-icons — скилл для Claude Code: подбор иконок Lucide
Подбирает иконки из набора Lucide под понятие, место в интерфейсе или заметку. Проверяет имена по каталогу, чтобы не выдумать несуществующую иконку.
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a claude-codeЧто делает suggest-lucide-icons
Скилл берёт понятие, действие или скриншот интерфейса и предлагает три подтверждённые иконки Lucide, а затем одну лучшую с объяснением. Имена не угадываются: скрипт scripts/lucide.py один раз скачивает весь набор тегов с unpkg.com/lucide-static@latest/tags.json, кэширует его примерно на сутки и дальше ищет локально. Команда search "<terms>" выдаёт реальные иконки с тегами и ранжированием, validate <name>... проверяет имена, собранные вручную, и возвращает ненулевой код, если хоть одно не найдено.
Скрипту нужен Python 3, зависимостей у него нет. Без Python можно обойтись напрямую: скачать тот же tags.json или проверять отдельную иконку по адресу https://unpkg.com/lucide-static@latest/icons/<name>.svg — код 200 значит иконка есть, 404 значит нет, редирект 302 нужно пройти. Это медленнее, потому что каталог не кэшируется.
Имена в Lucide строятся по строгим правилам: kebab-case, международный английский (color, не colour), вариант через дефис после группы (badge-plus), при нескольких элементах разного размера первым идёт крупный (circle-person), модификатор ставится после элемента (circle-dashed). Если скилл не находит три кандидата, он ищет по другим словам, а при полном отсутствии совпадений говорит об этом прямо. Для каждого места в интерфейсе выдаётся своя рекомендация.
Какие задачи решает
- подобрать иконку под понятие или действие
- проверить, существует ли имя иконки в наборе Lucide
- выбрать иконку для кнопки или заголовка раздела
- заполнить поле иконки во фронтматтере заметки
- собрать составное имя вроде
circle-dashed-heart-brokenи убедиться, что оно валидно
Примеры запросов агенту
- Какая иконка Lucide подойдёт для раздела с расписанием?
- Подбери иконку для кнопки удаления и проверь, что такое имя есть в каталоге.
- Вот скриншот панели — предложи иконки для каждого пункта меню.
Как установить suggest-lucide-icons
1Через Skills CLI (Vercel)
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a claude-code2Вручную: положить файлы
~/.claude/skills/suggest-lucide-icons/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/suggest-lucide-icons/
1Через Skills CLI (Vercel)
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a codex2Вручную: положить файлы
.agents/skills/suggest-lucide-icons/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a cursor2Вручную: положить файлы
.cursor/skills/suggest-lucide-icons/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nweii/agent-stuff suggest-lucide-icons2Вручную: положить файлы
.github/skills/suggest-lucide-icons/SKILL.md1Через Skills CLI (Vercel)
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a gemini-cli2Командой платформы
gemini skills install https://github.com/nweii/agent-stuff --path skills/suggest-lucide-iconsВручную: положить файлы
.devin/skills/suggest-lucide-icons/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о suggest-lucide-icons
Как установить suggest-lucide-icons в Claude Code?
Выполните npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a claude-code. Скилл окажется в ~/.claude/skills/suggest-lucide-icons/SKILL.md.
Что делает suggest-lucide-icons?
Ищет по полному каталогу Lucide и предлагает три реальные иконки под понятие или место в интерфейсе, а затем одну лучшую с обоснованием.
Нужен ли Python для работы скилла?
Скрипт scripts/lucide.py написан на Python 3 и зависимостей не требует. Без Python можно скачать tags.json напрямую или проверять иконки по одному адресу.
Исходный текст
SKILL.md · MIT
---
name: suggest-lucide-icons
description: "Pick Lucide icons for a concept, UI placement, or vault note. Searches the full Lucide catalog for real, verified icon names. Use when the user says 'what icon for X', 'suggest a Lucide icon', 'pick an icon', or needs an icon for note frontmatter, a button, or a section header."
metadata:
author: nweii
version: "1.4.1"
---
# Suggest Lucide Icons
Suggest the most relevant icons from the [Lucide open source icon pack](https://lucide.dev) to symbolize a concept or fit specific UI placements. Reason about symbolic associations broadly — across culture, science, and design — rather than only literal matches.
## Input
Provide one or both:
- **Concept**: The idea, action, or meaning to represent
- **Screenshot**: UI context showing where icons are needed
## The catalog script
`scripts/lucide.py` (Python 3, no dependencies) fetches the entire Lucide set once from `unpkg.com/lucide-static@latest/tags.json`, caches it ~24h, and searches and validates locally — so you never fetch icons one at a time:
- `search "<terms>"` — real icons matching a concept by name and semantic tag, ranked. Every result is an icon that exists, listed with its tags so you can see why it fits.
- `validate <name>...` — confirm specific names (e.g. a compound you built by hand). Misses come back with near-match suggestions, and the exit code is nonzero if any name is missing.
If Python 3 isn't available, fetch that URL directly (it's `{name: [tags]}`), or check one icon at `https://unpkg.com/lucide-static@latest/icons/<name>.svg` (200 exists, 404 doesn't; follow the 302 redirect).
## Naming conventions
Icon names follow strict rules — apply these when reading results or building compound candidates to validate:
- **kebab-case**: `arrow-up` not `Arrow Up`
- **International English**: `color` not `colour`
- **Group variants**: `<group>-<variant>` — e.g. `badge-plus` is based on `badge`
- **Multiple elements, different sizes**: list largest first — `circle-person` if circle is bigger
- **Element with modifier**: `[element]-[modifier]` — `circle-dashed` not `dashed-circle`; combined: `circle-dashed-heart-broken`
## Process
1. **Brainstorm associations** — key ideas, visual metaphors, and screenshot context clues. Turn them into a handful of search terms.
2. **Search the catalog** — pull candidates from the script's results rather than guessing names:
```bash
python3 scripts/lucide.py search "calendar schedule date"
```
The tags show why each fits. If you build a compound name from the naming conventions, confirm it before suggesting:
```bash
python3 scripts/lucide.py validate circle-dashed-heart-broken
```
3. **Present 3 confirmed candidates** — icon name, and why it fits (symbolic meaning, visual clarity, context appropriateness).
4. **Recommend best choice** — single strongest option, with rationale.
## Guidelines
- Only suggest icons confirmed by `search` (results are real) or `validate` (for hand-built names) — never a made-up name.
- If fewer than 3 candidates survive, search more terms before giving up.
- If no good matches exist after thorough searching, say so.
- For screenshots, tailor to the specific design context.
- Provide a distinct recommendation for each icon needed.
- Ready for multiple feedback rounds to refine suggestions.
## Output Format
**Brainstorm**: [Key associations and metaphors]
**Candidate Icons**:
1. **icon-name** — Explanation of fit
2. **icon-name** — Explanation of fit
3. **icon-name** — Explanation of fit
**Recommendation**: **icon-name** — Why this is the strongest choice for [context]
© nweii · MIT · nweii/agent-stuff