company-logos — Claude Code skill: what it does, how to install
Guides agents to use Iconify Simple Icons in a 64x64 box instead of plain text names or random raster images.
npx skills add MengTo/Skills --skill company-logos -a claude-codeWhat company-logos does
The skill directs coding agents to render brand marks using Iconify Simple Icons. It targets partner lists and integration grids where consistent icon treatment is required.
Every logo is placed inside a 64x64 visual box, with the inner SVG scaled to fit composition density. Logos remain monochrome by default. Brand color is allowed only when recognizability matters more than visual restraint.
The workflow forbids hotlinking arbitrary assets from search results or mixing outlines with bitmaps in the same row. Whenever logos are interactive, the agent is instructed to include accessible labels.
What it helps with
- render brand marks using Iconify Simple Icons instead of plain text
- standardize partner and integration grids inside 64x64 bounding boxes
- enforce default monochrome styling across company logos
- prevent mixing conflicting icon styles and hotlinks in layout rows
Example prompts for the agent
- Build a customer proof logo row for Stripe, GitHub, and Figma
- Create an integrations grid using monochrome Iconify Simple Icons
- Add tech stack badges to the footer with accessible labels
How to install company-logos
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a claude-code2Manually: put the files in place
~/.claude/skills/company-logos/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/company-logos/
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a codex2Manually: put the files in place
.agents/skills/company-logos/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a cursor2Manually: put the files in place
.cursor/skills/company-logos/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills company-logos2Manually: put the files in place
.github/skills/company-logos/SKILL.md1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a gemini-cli2Platform CLI
gemini skills install https://github.com/MengTo/Skills --path agent-skills/web-design/company-logosManually: put the files in place
.devin/skills/company-logos/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add MengTo/Skills --skill company-logos -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about company-logos
How to install company-logos in Claude Code?
Run npx skills add MengTo/Skills --skill company-logos -a claude-code. The file will be placed in ~/.claude/skills/company-logos/SKILL.md.
What does company-logos do?
It sets instructions for loading brand logos from Iconify Simple Icons. It ensures marks use a 64x64 box, clean alignment, and consistent monochrome styling.
Are color brand logos supported?
Logos stay monochrome by default. Full brand colors are applied only when surrounding UI needs instant recognition over visual restraint.
Source text
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
