106.9K+Скачать
Перейти к руководству
Better Iconsавтор better-auth

Better Icons Навык.

Найдите готовую иконку и получите её SVG по проверенному идентификатору библиотеки.

  • Поиск иконок
  • SVG
Скачать OpenDesignОткрыть руководство по использованию
Обзор исходных материалов · better-iconsSKILL.md
Задача Найдите готовую иконку и получите её SVG по проверенному идентификатору библиотеки. Результаты Список конкретных идентификаторов иконок, соответствующих запрошенным понятиям. Перед началом Процесс получает готовые ресурсы из библиотек; он не описывает создание оригинального логотипа.
Редакционное описание · исходные материалы проверены 2026-11-02 · не сгенерированный пример

01 Возможности

Найдите готовую иконку и получите её SVG по проверенному идентификатору библиотеки

Ищите в коллекциях Iconify, сравнивайте стили и получайте SVG через CLI Better Icons или инструменты MCP.

Процесс на основе источникаНе тест выполнения

Принцип работы

Better Icons даёт агенту конкретный способ искать и получать иконки в коллекциях Iconify. Поиск можно сузить префиксом коллекции; у каждого результата есть явный идентификатор, например lucide:home. Навык поддерживает получение SVG с параметрами размера и цвета, превращая расплывчатый запрос на иконку в отслеживаемый выбор ресурса.

Эти же возможности доступны через командную строку и инструменты MCP. Интерфейс MCP включает просмотр коллекций, поиск похожих иконок, рекомендации, сканирование проекта и синхронизацию. Это полезно при создании или упорядочивании интерфейса, где иконки должны относиться к единому семейству.

Ожидаемые результаты

  • Список конкретных идентификаторов иконок, соответствующих запрошенным понятиям.
  • SVG-файлы нужного размера и цвета.
  • Карта соответствий иконок или интеграция в проект через выбранный поддерживаемый процесс.
Смотреть пример задания

От задания до проверки

  1. 01
    Определите семейство иконок

    Изучите существующие иконки и определите понятия, которые нужно представить. Выберите префикс коллекции, если у дизайна уже есть единый визуальный язык.

  2. 02
    Ищите и сравнивайте

    Ищите по смыслу и проверяйте возвращённые ID. Инструменты MCP также позволяют просматривать коллекции, получать рекомендации для задачи и находить похожие знаки в разных библиотеках.

  3. 03
    Получите выбранные файлы

    Загрузите SVG по идентификаторам prefix:name. Осознанно задайте размер и цвет, затем сохраните или синхронизируйте только выбранные иконки в нужном месте проекта.

02 Когда использовать

Когда использовать

Процесс получает готовые ресурсы из библиотек; он не описывает создание оригинального логотипа.

Хорошо подходит

  • Выбор иконок интерфейсаНаходите иконки навигации, действий или состояний из выбранной существующей коллекции.
  • Единообразие иконокИзучите использование иконок в проекте и замените неподходящие варианты по документированной карте соответствий.

Ограничения

  • Готовая графикаПроцесс получает готовые ресурсы из библиотек; он не описывает создание оригинального логотипа.
  • Доступность инструментовНужна доступная CLI или интеграция MCP; получение файлов использует API Iconify.

Что подготовить

  • ПонятияУкажите действия, разделы назначения или состояния, которые должны обозначать иконки.
  • Предпочтительная коллекцияУкажите префикс или предпочтение: контурные, залитые иконки либо без ограничений по стилю.
  • Требования к результатуНазовите место сохранения, размеры, цвет и поддерживаемый фреймворк интеграции.

03 Важные решения

Важные решения

  1. Отслеживаемый выбор

    У каждого выбранного ресурса есть конкретный ID prefix:name.

  2. Единообразное получение

    При получении ресурсов можно указать цвет и размер.

  3. Интеграция с агентом

    Инструменты MCP охватывают поиск, пакетное получение и сканирование иконок проекта.

04 Пример задания

Попробуйте конкретное задание

Приведённое ниже задание не тестировалось. Перед использованием проверьте настройку навыка.

Изучите исходные инструкции и настройку

Укажите действия, разделы назначения или состояния, которые должны обозначать иконки.

Исходный файл в репозитории
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

Ссылка ниже открывает инструкции автора. Перед использованием изучите требования к настройке в репозитории; это не команда установки.

Начните с одного результата

Перед запуском навыка адаптируйте объём, исходные материалы и ограничения в этом задании.

Пример задания
Используй better-icons, чтобы выбрать иконки для навигации проекта: обзор, активность, участники, оплата и настройки. До поиска изучи семейство иконок, уже используемое в репозитории. Предпочитай подходящие контурные иконки из этой коллекции и верни точный ID prefix:name для каждой. Получи выбранные SVG размером 24 пикселя с currentColor и сохрани их в оговорённом каталоге ресурсов. Сохрани соответствие между названием пункта навигации и ID иконки. В этом проходе не заменяй другие иконки и не устанавливай новую общую систему иконок для всего приложения.

Проверьте результат

Сверьте фактический результат с этими наблюдаемыми критериями.

  • Каждый выбранный ID соответствует ожидаемому SVG.
  • Набор имеет единый визуальный стиль, размер и обработку цвета.
  • Изменены только согласованные ресурсы и файлы интеграции.

OpenDesign предоставляет локальное дизайн-пространство для кодинг-агентов. Этот список не означает, что навык входит в комплект или что его внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesignЧитать краткое руководство

05 Источник и лицензия

Исходные материалы и лицензия

На этой странице описана зафиксированная версия источника по ссылке ниже. Поведение и требования апстрима могут измениться.

Владелец источника
better-auth
Репозиторий
better-auth/better-icons
Файл навыка
SKILL.md
Лицензия
MIT
Проверенный снимок
2026-11-02 · 033316ecb8f4

Примечания к чтению

  1. Область действия лицензииТекст LICENSE репозитория проверен для зафиксированной ревизии; в полном списке имён файлов архива не обнаружено более конкретного LICENSE/COPYING/NOTICE внутри пути этого навыка. Классификация относится к проверенному исходному коду автора, а не к сгенерированным результатам или сторонним зависимостям. Полученные коллекции иконок могут иметь собственные лицензии; заявление MIT этого репозитория не устанавливает лицензию каждой иконки, возвращаемой Iconify.
Редакционное резюме источника
Найдите готовую иконку и получите её SVG по проверенному идентификатору библиотеки.

Оригинальное резюме от OpenDesign на основе указанного источника. Звёзды репозитория — датированный показатель популярности, а не использование навыка или оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Как идентифицируются иконки?

Формат prefix:name объединяет идентификатор коллекции и имя иконки.

Можно получить несколько иконок?

Да. CLI может скачать результаты поиска как SVG, а документированная операция MCP get_icons принимает до 20 ID за запрос. Выберите и проверьте ID до пакетной загрузки, чтобы широкий поиск не добавил ненужные ресурсы.

MCP обязателен?

Нет. Источник также документирует поиск и получение через командную строку с вариантами запуска через npm или Bun.

OpenDesign

Храните задание и работу над дизайном вместе.

Храните задание, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesignПросмотреть дизайн-навыки
Исходный файл в репозитории
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md