About company-logos
company-logos is a design skill for selecting, arranging, and labeling brand marks. It defaults to Iconify Simple Icons and sets rules for consistent presentation and accessibility.
Key features
- 01Source brand marks from Iconify Simple Icons
- 02Render logos in 64×64 visual boxes
- 03Use monochrome styling by default
- 04Align marks to a shared baseline or grid
- 05Add accessible labels to important logos
Use cases
- 01Build logo rows and integration grids
- 02Present customers, partners, or tool badges
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/company-logosin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
demo/index.htmlPROMPT.mdsource.jsonDetails
From the project READMECompany 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
- Use Iconify Simple Icons as the default source for brand logos.
- Render each logo in a 64x64 visual box, then scale the inner SVG to the composition density.
- Keep logos monochrome by default; use brand color only when the surrounding design needs recognition more than restraint.
- Align logos to a shared baseline or center grid so rows feel intentional.
- 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.
Comments
Markdown supported