К основному содержанию
скилл CX Codex

suggest-lucide-icons — скилл для Claude Code: подбор иконок Lucide

Подбирает иконки из набора Lucide под понятие, место в интерфейсе или заметку. Проверяет имена по каталогу, чтобы не выдумать несуществующую иконку.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nweii/agent-stuff --skill suggest-lucide-icons -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/suggest-lucide-icons/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/suggest-lucide-icons/

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Дизайн» →
icons-badges dylantarre Скилл для анимации иконок, бейджей, аватаров и статус-индикаторов. Пригодится, когда мелкие элементы интерфейса должны давать отклик и характер. CX Codex +1 537установок better-icons better-auth Ищет векторные значки в 200 каталогах через Iconify и скачивает SVG прямо из терминала или через вызовы агента. CX Codex +1 5 900установок morphing-icons raphael-salaja Скилл помогает создавать компоненты иконок, плавно перетекающих друг в друга за счёт трансформации трёх SVG-линий вместо обычного crossfade. CX Codex +1 362установок suggest-icon FortAwesome Подбирает иконку Font Awesome под ситуацию, слово или понятие и проверяет, что она есть в вашей версии или Kit. CX Codex +1 551установок Keyline Icons keyline-icons Даёт агенту искать иконки по имени и отдавать готовый SVG или строку импорта для React. Пригодится, когда имя иконки надо угадать, а не подсмотреть. CX Codex +1 ★ 181звёзд репо Svg/icons MCP svgicons-com Подключает ИИ-ассистента к каталогу из 320K+ открытых SVG-иконок: поиск, подбор под интерфейс, экспорт в PNG и коллекции. CX Codex +1

Спонсоры проекта

Компании, которые помогают держать аналитику открытой