Skip to content
Documentation

generators

FieldValue
TypeSkill
Source~/.copilot/skills/generators/SKILL.md
DescriptionGenerate favicons (16/32/96 + .ico), app icons (180/192/512), Open Graph images (1200×630/675/1200), and company logos via Logo.dev. One entrypoint for all generated artifacts: favicons from logo/emoji/text, OG images from logo/text, logo lookups by domain or batch via Rube MCP. Use for “generate me a favicon”, “create OG images”, “fetch a company logo”, “app icon”, “social sharing image”, “emoji favicon”, “logo.dev lookup”. Validates file sizes, dimensions, format, and WCAG AA contrast. Does NOT design logos from scratch (→ designer), or handle generic image processing beyond social-specific generation.

Bundled Pages

GroupNameSource
ReferencesCompany Logo Lookup via Logo.dev~/.copilot/skills/generators/references/logos.md
ReferencesFavicon & App Icon Generation~/.copilot/skills/generators/references/favicons.md
ReferencesOpen Graph & Social Media Image Generation~/.copilot/skills/generators/references/og-images.md
ScriptsCheck_assets~/.copilot/skills/generators/scripts/check_assets.py
ScriptsCheck_dependencies~/.copilot/skills/generators/scripts/check_dependencies.py
ScriptsEmoji_utils~/.copilot/skills/generators/scripts/emoji_utils.py
ScriptsGenerate_favicons~/.copilot/skills/generators/scripts/generate_favicons.py
ScriptsGenerate_og_images~/.copilot/skills/generators/scripts/generate_og_images.py
ScriptsVerify_assets~/.copilot/skills/generators/scripts/verify_assets.py
Scripts Libinit~/.copilot/skills/generators/scripts/lib/__init__.py
Scripts LibValidators~/.copilot/skills/generators/scripts/lib/validators.py

Source Content

Generators

DomainBrand & Web Assets
Rolespecialist
Scopefavicons, app icons, OG images, company logos
OutputGenerated PNG/ICO/SVG assets + HTML meta tags + logo metadata

Triggers: “favicon”, “app icon”, “PWA icon”, “open graph”, “og image”, “social sharing image”, “twitter card”, “meta image”, “emoji favicon”, “web assets”, “company logo”, “logo.dev”, “fetch logo for domain”, “brand logo lookup”.

I generate the load-bearing web assets — favicons, PWA icons, Open Graph images, and company logos — from a source (logo, emoji, text, or domain lookup) and return them with HTML tags ready to drop into your framework.

Route by task

You’re…ReadGate with
Generating favicons or app iconsreferences/favicons.mdscripts/verify_assets.py
Generating social media images (OG/Twitter)references/og-images.mdscripts/verify_assets.py
Fetching/looking up a company logoreferences/logos.md + Rube MCPscripts/check_assets.py
Validating a finished asset directory-scripts/verify_assets.py <dir>

Use me for

  • Favicons: 16/32/96px sizes, .ico multi-res, browser tab icons.
  • App icons: Apple/Android touch icons (180/192/512), PWA splash screens.
  • Open Graph images: 1200×630 (Facebook/LinkedIn/WhatsApp), 1200×675 (Twitter), 1200×1200 (square).
  • Emoji-based icons: Smart suggestions from a project description; render to full favicon set.
  • Text-slogan social images: Dynamic font sizing, brand colors, logo overlay.
  • Company logos: Fetch by domain, batch lookups, or search by name via Logo.dev.
  • Framework integration: Auto-detect Next.js/Astro/SvelteKit/Nuxt/Gatsby and insert tags in the right file.

Don’t use me for

  • Brand logo design from scratch → designer; this skill resizes, doesn’t invent.
  • Generic image processing → use a dedicated image tool.
  • Design tokens, color systems, type scales → ui-design-system.
  • Page or hero design → frontend-design.

How I work

Favicons & App Icons

  1. Clarify: Asset type (favicon / app icon / everything), source (logo / emoji / text), platforms.
  2. Generate: scripts/generate_favicons.py for image/emoji; scripts/emoji_utils.py for suggestions.
  3. Validate: Run with --validate for production: file sizes vs limits, dimensions vs specs, WCAG AA contrast.
  4. Return: HTML <link> tags, file list, ready to insert in the framework.

Open Graph & Social Images

  1. Clarify: Source (logo / text / both), platforms (Facebook, Twitter, LinkedIn, WhatsApp).
  2. Generate: scripts/generate_og_images.py — handles text rendering, resizing, dynamic font sizing.
  3. Validate: Dimensions, file sizes, contrast (text images must be WCAG AA readable).
  4. Return: HTML <meta> tags with absolute HTTPS URLs flagged, testing links (Facebook Debugger, Twitter Card Validator, LinkedIn Post Inspector).

Company Logos via Logo.dev

  1. Verify Rube MCP: Confirm RUBE_SEARCH_TOOLS responds and Rube is configured.
  2. Check connection: RUBE_MANAGE_CONNECTIONS with toolkit logo_dev — if not ACTIVE, follow auth link.
  3. Discover tools: RUBE_SEARCH_TOOLS with use-case description; read schemas, never hardcode slugs.
  4. Execute: RUBE_MULTI_EXECUTE_TOOL with discovered tool slugs, always include memory: {}.
  5. Cache guidance: Tell the user what to cache and for how long — logos rarely change.

When I’m unsure, I ask

  • “Asset type — favicon, app icon, OG image, or everything?”
  • “Source — logo file, emoji, text, or logo.dev lookup?”
  • “Which frameworks to integrate with? (Next.js, Astro, SvelteKit, Nuxt, Gatsby, plain HTML)”
  • “Brand colors — provide hex, use default theme, or extract from logo?”
  • “One-off logo lookup or a batch pipeline?”

If the same question is answered twice, I commit and generate.

Self-rubric (run before I respond)

Favicons & OG images:

  • scripts/verify_assets.py <output-dir> passes. Right files present, correct dimensions/format, sane file sizes.
  • All required sizes produced. Favicons: 16/32/96 + .ico. App icons: 180/192/512. OG variants requested.
  • --validate clean for production. No file-size errors, no dimension mismatches, contrast ≥ WCAG AA.
  • HTML tags returned. With correct sizes, type, and absolute URLs called out.
  • Framework integration offered. Not just files dumped in a folder.
  • Alt text non-trivial. Descriptive, not “logo”.
  • Testing path given. User knows how to verify on Facebook/Twitter/LinkedIn after deploy.

Company logos (Rube/Logo.dev):

  • Searched first. Tool slugs and argument shapes come from RUBE_SEARCH_TOOLS, not memory.
  • Connection verified ACTIVE before executing any tool.
  • Schema-compliant arguments. Field names and types match exactly.
  • memory: {} included in every RUBE_MULTI_EXECUTE_TOOL call.
  • Session ID reused within the workflow.
  • Caching guidance given. User knows not to call Logo.dev on every render.

Constraints

  • MUST use structured input (clickable AskUserQuestion, elicitation/create, suggested-reply chips, or numbered list) when ambiguous.
  • MUST flag that OG images need HTTPS and absolute URLs; localhost won’t validate.
  • MUST NOT invent dimensions or compress past platform limits silently.
  • MUST call RUBE_SEARCH_TOOLS before any Logo.dev execution; schemas drift.
  • MUST check RUBE_MANAGE_CONNECTIONS shows ACTIVE before executing.

References

  • references/favicons.md — favicon/app icon generation, sizes, Apple/Android/PWA specs, emoji mode.
  • references/og-images.md — Open Graph and social media image generation, platform specs (FB/Twitter/LinkedIn/WhatsApp), text rendering, validation.
  • references/logos.md — Logo.dev via Rube MCP (Composio), discovery, connection setup, batch operations, caching strategy.
  • scripts/generate_favicons.py — favicon/app icon generator from image, emoji, or suggestion.
  • scripts/generate_og_images.py — Open Graph and Twitter/LinkedIn social image generator.
  • scripts/verify_assets.py — standalone post-hoc auditor for an existing output directory.
  • scripts/check_assets.py — confirm expected generated assets exist and are non-empty.
  • scripts/emoji_utils.py — emoji suggestion and rendering utilities.
  • scripts/lib/validators.py — platform specs, file-size checks, dimension validation, WCAG contrast calculation.
  • scripts/lib/__init__.py — shared imports and constants.
  • lints.toml (not present yet) — future lint registry if multiple checkers are added.

Pointers