Перейти к руководству
theSVGавтор glincker

theSVG Skill.

Получите готовый знак бренда или иконку сервиса в том виде, который нужен вашему проекту.

  • Ресурсы брендов
  • SVG
  • Облачные диаграммы
Обзор источника · theSVGSKILL.md
Задача Ресурсы брендов Результат • Проверенные варианты slug и начертаний для запрошенных брендов. • Готовые URL SVG или исходная разметка, подходящая для места использования. • Напоминание о правах и запасной вариант, если бренд не найден. Перед началом Нужен сетевой доступ к реестру или CDN. Интеграции с React, CLI, Figma и MCP необязательны и не требуются для простого получения URL.
Редакционное резюме · источник проверен 2026-10-07 · не сгенерированный пример

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

Находите SVG брендов, не угадывая пути к файлам

Процесс получения ресурсов брендов на основе реестра: предсказуемые endpoint SVG, выбор варианта, формы интеграции и напоминания о правах.

Процесс на основе источникаНе тест производительности

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

theSVG — навык для получения ресурсов по названиям брендов, фреймворков и облачных сервисов. Он сопоставляет название или псевдоним со slug через реестр, проверяет доступные варианты и возвращает URL CDN, исходный SVG или форму для конкретной интеграции. Он не предназначен для разработки нового логотипа или выбора универсальной иконки меню.

Источник различает автоматическую загрузку и встраивание URL на страницу для пользователей, а для запросов агента предпочитает endpoint jsDelivr. Он также сохраняет границы лицензирования: лицензия MIT репозитория не снимает ограничений на товарные знаки отдельных брендов. Проверяйте реестр для каждого запрошенного ресурса, а не полагайтесь на заявленный в источнике размер библиотеки.

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

  • Проверенные варианты slug и начертаний для запрошенных брендов.
  • Готовые URL SVG или исходная разметка, подходящая для места использования.
  • Напоминание о правах и запасной вариант, если бренд не найден.
Смотреть пример задания

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

  1. 01
    Определите бренд

    Найдите запрошенное название в реестре по заголовкам и псевдонимам, а не придумывайте путь к файлу.

  2. 02
    Выберите доступный вариант

    Сопоставьте фон и сценарий с перечисленными вариантами; если нужной версии нет, используйте вариант по умолчанию.

  3. 03
    Верните подходящую форму

    Предоставьте встраивание через Markdown или HTML, разметку SVG либо описанную форму React/CLI, если проект уже использует такую интеграцию.

  4. 04
    Проверьте права на использование

    Сверьтесь с руководством бренда по коммерческому использованию и сохраните все ограничения для конкретных ресурсов.

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

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

Нужен сетевой доступ к реестру или CDN. Интеграции с React, CLI, Figma и MCP необязательны и не требуются для простого получения URL.

Подходит для

  • Страницы интеграцийПолезно для сборки настоящих знаков брендов для поддерживаемых интеграций.
  • Диаграммы облачной архитектурыМожет группировать URL иконок сервисов AWS, Azure или GCP по их роли на диаграмме.
  • Ресурсы для документацииОбеспечивает единообразное получение логотипов фреймворков и компаний для README и технических руководств.

Ограничения

  • Не универсальные иконки интерфейсаСтрелки, шевроны и значки меню относятся к библиотеке иконок интерфейса, а не к этому реестру брендов.
  • Не проверка товарных знаковЗнаки брендов остаются собственностью их владельцев. Лицензия на код не даёт права изменять их или объединять в новую айдентику.

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

  • Точный бренд или сервисУкажите продукт, фреймворк, компанию или облачный сервис.
  • Формат назначенияУкажите HTML, Markdown, React, исходный SVG или диаграмму архитектуры.
  • Фон и вариантОпишите контекст (светлый или тёмный фон) и нужен ли символ или логотип с названием.

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

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

  1. Сначала реестр, а не догадки

    Проверка доступных вариантов помогает избежать правдоподобного URL, по которому нет ресурса.

  2. Выдача соответствует потребителю

    Агент, получающий разметку, и страница, встраивающая изображение, могут использовать разные endpoint, не меняя сам знак.

  3. Права на ресурсы учитываются отдельно

    Источник прямо отделяет лицензирование ПО от условий для товарных знаков и облачных иконок.

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

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

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

Проверьте настройку

Изучите инструкции по установке навыка в репозитории. Описанная команда npx @thesvg/cli add добавляет ресурс-иконку; это не команда установки навыка.

Исходный файл в репозитории
https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md

Нужен сетевой доступ к реестру или CDN. Интеграции с React, CLI, Figma и MCP необязательны и не требуются для простого получения URL.

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

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

Пример задания
Используй thesvg, чтобы получить ресурсы из реестра для GitHub, Stripe, AWS Lambda и AWS S3 для диаграммы интеграций на светлом фоне. Подтверди каждый slug и доступный вариант, верни сгруппированные URL SVG и описательный alt-текст и отметь ограничения на использование брендов. Не перекрашивай и не искажай знаки.

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

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

  • Каждый запрошенный slug и вариант есть в реестре.
  • Ресурсы хорошо читаются на запрошенном фоне.
  • Результат не подразумевает, что MIT даёт права на все товарные знаки.

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

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

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

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

Владелец источника
glincker
Репозиторий
glincker/thesvg
Файл навыка
skills/thesvg/SKILL.md
Лицензия
MIT
Проверенная версия
2026-10-07 · 0ea4d44764ab
Редакционное резюме источника
Процесс получения ресурсов брендов на основе реестра: предсказуемые endpoint SVG, выбор варианта, формы интеграции и напоминания о правах.

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

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

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

Создаёт ли он собственный логотип?

Нет. Он получает существующие ресурсы брендов и облачных сервисов; процесс разработки логотипа — это другая задача.

Может ли он вернуть белый логотип для тёмного фона?

Он может выбрать подходящий из перечисленных вариантов, но если такого варианта нет, должен честно перейти на запасной.

Можно ли свободно редактировать все SVG, раз репозиторий под лицензией MIT?

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

OpenDesign

Оставьте место для следующей итерации дизайна.

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

Исходный файл в репозитории
https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md