company-logos — скилл для Claude Code: что делает и как установить
Скилл настраивает добавление логотипов брендов через Iconify Simple Icons в сетке 64x64 вместо текстовых названий и случайных картинок.
npx skills add MengTo/Skills --skill company-logos -a claude-codeЧто делает company-logos
Скилл задаёт чёткие правила для отрисовки логотипов компаний в партнёрских списках и блоках интеграций. Вместо вставки обычного текста или произвольных SVG агент берёт векторные значки из каталога Iconify Simple Icons.
Вёрстка строится вокруг контейнера размером 64x64 пикселя с масштабированием внутреннего SVG под общую плотность страницы. По умолчанию значки выводятся в монохромном виде, а фирменный цвет допускается лишь тогда, когда узнаваемость бренда важнее сдержанности интерфейса. Логотипы выравниваются по единой базовой линии или центральной сетке.
Инструкция запрещает хотлинк случайных логотипов из поисковой выдачи и смешивание разных стилей вроде контурной графики и растра в одном ряду. Для интерактивных логотипов агент обязан добавлять текстовые метки доступности.
Какие задачи решает
- заменить текстовые названия брендов на векторные значки Iconify Simple Icons
- выровнять логотипы в рядах партнёров и сетках интеграций
- унифицировать контейнеры логотипов под размер 64x64
- добавить подписи доступности для интерактивных элементов
Примеры запросов агенту
- Собери секцию партнёров с логотипами Stripe, GitHub и Vercel
- Сделай сетку интеграций с логотипами в монохромном стиле
- Добавь в футер бейджи технологий через Iconify Simple Icons
Как установить company-logos
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a claude-code2Вручную: положить файлы
~/.claude/skills/company-logos/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/company-logos/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a codex2Вручную: положить файлы
.agents/skills/company-logos/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a cursor2Вручную: положить файлы
.cursor/skills/company-logos/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills company-logos2Вручную: положить файлы
.github/skills/company-logos/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/web-design/company-logosВручную: положить файлы
.devin/skills/company-logos/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора148
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о company-logos
Как установить company-logos в Claude Code?
Выполните команду npx skills add MengTo/Skills --skill company-logos -a claude-code. Файл навыка запишется в ~/.claude/skills/company-logos/SKILL.md.
Что делает скилл company-logos?
Он направляет агента использовать библиотеку Iconify Simple Icons вместо ручной вставки файлов или текстовых заголовков. Логотипы форматируются в боксах 64x64 с общим выравниванием.
Разрешает ли скилл использовать цветные логотипы?
По умолчанию значки должны оставаться монохромными. Фирменные цвета разрешены только тогда, когда узнаваемость важнее визуальной строгости интерфейса.
Исходный текст
SKILL.md · MIT
--- name: company-logos description: "Use Iconify Simple Icons logos (64x64) instead of text logos." --- # Company Logos Skill ## Use When - A design needs recognizable brand marks without embedding custom SVG files or rendering company names as plain text. - Logo rows, integrations grids, customer proof, partner lists, and tool badges need consistent icon treatment. ## Workflow 1. Use Iconify Simple Icons as the default source for brand logos. 2. Render each logo in a 64x64 visual box, then scale the inner SVG to the composition density. 3. Keep logos monochrome by default; use brand color only when the surrounding design needs recognition more than restraint. 4. Align logos to a shared baseline or center grid so rows feel intentional. 5. Add accessible labels when logos are interactive or communicate important proof. ## Guardrails - Do not use typed company names as a replacement for logos unless no icon exists. - Do not mix filled, outline, emoji, bitmap, and wordmark styles in one row. - Do not hotlink random logo assets from search results.
© MengTo · MIT · MengTo/Skills
