AutoGineer
Generated banner for Company Logos
Generated logo for Company Logos

Company Logos

Meng ToCommunityCreated by Meng To

  • Skill
  • Guidelines
  • Design and creative
  • MIT
  • Medium risk
Download ZIP

From the author

Use Iconify Simple Icons logos (64x64) instead of text logos.
— the description by Meng To

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

The Company Logos skill provides a standardized approach to incorporating brand marks into digital designs. By leveraging Iconify Simple Icons, it ensures a uniform visual treatment for logos in grids, partner lists, and customer proof sections, moving away from text-based representations.

What it does

  • Defines the use of Iconify Simple Icons as the primary source for brand marks.
  • Sets a standard 64x64 visual box for logo placement.
  • Provides rules for monochrome versus brand-colored logo rendering.
  • Establishes alignment practices for consistent grid and row layouts.
  • Mandates the inclusion of accessible labels for interactive elements.

When to use it

  • When creating logo rows or integration grids.
  • When displaying customer proof or partner lists.
  • When you need to avoid embedding custom SVG files or plain text names.
  • When maintaining visual consistency across tool badges.

Advantages

  • Promotes visual uniformity by avoiding mixed styles.
  • Ensures accessibility through required labeling.
  • Reduces reliance on external or unverified logo assets.
  • Creates intentional, aligned layouts for brand marks.

Usage examples

“How should I display a list of partner logos in my design?”
The agent will guide you to use Iconify Simple Icons, set them in 64x64 boxes, maintain a consistent monochrome style, and ensure they are aligned to a shared baseline.
“Can I mix different styles of logos in my customer proof section?”
The agent will advise against mixing filled, outline, or bitmap styles, recommending a consistent approach using the specified icon library.

Install

  1. Download the skill as a ZIP:

    https://autogineer.com/agent-skills/mengto/company-logos/download

  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip company-logos.zip -d .agents/skills

Documentation by Meng To

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.

Files

demo/PROMPT.md

Company Logos Demo Prompts

Minimal prompt

Use $company-logos to create a responsive standalone HTML design with the same visual confidence, hierarchy, and interaction finish as the included Neuform reference.

Recreate the demo

Use $company-logos to recreate the design quality and behavior of Fluid Protocol | Flow Analytics as a complete responsive HTML document. Treat the included demo/index.html as the visual and interaction reference, not as a loose mood board.

Product brief

  • Page concept: Fluid Protocol | Flow Analytics.

  • Purpose: Fluid Protocol Card Component is designed for building reusable UI components in modern web projects. Key features include reusable structure, responsive behavior, and production-ready presentation. It is suitable for component libraries and responsive product interfaces.

  • Content anchors: Orchestrate the flow of capital. · Fluid Routing · Pressure Control · Yield Dynamics · The modern operator orchestrates the current. Through instrumented precision and absolute transparency, complexity becomes clarity..

  • Useful subject tags: dashboard, animated, webgl, threejs, bento, dither, charts, action.

Skill direction

  • Use Iconify Simple Icons logos (64x64) instead of text logos.

    • Use Iconify Simple Icons for company logos (Nasa, SpaceX, Uber, Visa, Grab, bose, Discover, dji, Nikon, craftsman, sony) 64x64 instead of text logos.

Fidelity target

  • Match the reference's composition, information density, type scale, spacing rhythm, surface treatment, color relationships, and motion restraint.

  • Preserve the strongest interaction and animated background behavior instead of replacing it with generic fades or decorative movement.

  • Keep the first screen art-directed, then carry the same design logic through every supporting section.

  • Make the result responsive from mobile to desktop, keyboard accessible, and stable when reduced motion is enabled.

  • Deliver a full index.html. Put page-owned images, video, models, and textures in demo/assets/. External runtime libraries may stay as pinned CDN dependencies when the source relies on them.

Reference snapshot

Remix prompt

Use $company-logos and the included Neuform demo as the quality bar, but replace the brand, subject, copy, palette, and content. Preserve the underlying layout logic, signature visual treatment, interaction choreography, responsive behavior, and performance constraints so the remix still clearly demonstrates the skill.

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

What our scanner noticed· Medium risk

  • Large base64-encoded blobs

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Meng To
Publisher
Meng To (Community)
Source
MengTo/Skills · agent-skills/web-design/company-logos · commit 5ea1661
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Meng To or Meng To.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download company-logos.zip