$npx skillfedfor your agent

generate-brand-assets

Create professional social media preview images and favicon assets in one command using your brand colors and project details. The skill generates correctly sized OG images for Twitter, LinkedIn, and Facebook, plus multiple favicon formats for web and mobile. Customize with brand colors, text, logos, and patterns, then integrate into your framework with provided code snippets.

generate-brand-assets creates social media preview images and favicons automatically sized for Twitter, LinkedIn, and Facebook.

AI-generated summary based on this skill's SKILL.md

101 13 MITupdated by crafter-station

Decision gist · record as of 2026-07-27

generate-brand-assets creates social media preview images and favicons automatically sized for Twitter, LinkedIn, and Facebook. Create professional social media preview images and favicon assets in one command using your brand colors and project details. The skill generates correctly sized OG images for Twitter, LinkedIn, and Facebook, plus multiple favicon formats for web and mobile. Customize with brand colors, text, logos, and patterns, then integrate into your framework with provided code snippets.

manual: git clone https://github.com/crafter-station/skills → cp -r skills/skills/generate-brand-assets ~/.claude/skills/generate-brand-assets
skills/generate-brand-assets/SKILL.md · version 54706152

Use it when

  • Yes.
  • generate-brand-assets automates the entire branded asset workflow from your color palette and project details.

Verify before relying

Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

crafter-station/skills/generate-brand-assets · repository language: Shell

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I generate OG images for my website with generate-brand-assets?

generate-brand-assets creates professional Open Graph images optimized for Twitter, LinkedIn, and Facebook sharing. Provide your brand colors and project details, and the skill generates correctly sized preview images ready to embed in your site's metadata. You'll receive code snippets to integrate the images into your framework.

Can generate-brand-assets create favicon in multiple formats?

Yes. generate-brand-assets generates favicon assets in multiple formats suitable for web browsers and mobile apps. Build your favicon from your brand color palette, and the skill produces all necessary format variations for cross-platform compatibility.

What does generate-brand-assets automate for branded asset creation?

generate-brand-assets automates the entire branded asset workflow from your color palette and project details. It generates social media preview images, favicon sets, and other web assets in a single command, eliminating manual design work and ensuring visual consistency across platforms.

How do I make OG images from my brand colors?

generate-brand-assets lets you customize OG images using your brand colors, text, logos, and patterns. Input your color palette and project information, and the skill generates branded social sharing images sized correctly for each platform—Twitter, LinkedIn, and Facebook.

What image formats does generate-brand-assets optimize for?

generate-brand-assets generates optimized image formats for cross-platform compatibility, ensuring your social media previews and favicon assets display correctly across web browsers, mobile apps, and social networks. All outputs follow platform-specific dimension and format requirements.

Is generate-brand-assets open source?

Yes, generate-brand-assets is released under the MIT license, making it free to use, modify, and distribute for both personal and commercial projects.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

generate-brand-assets

Generate branded OG (Open Graph) images and favicons for your project based on brand colors and identity.

Prerequisites

Check if you have the necessary tools:

node --version  # Node.js 16+

The skill uses built-in image generation capabilities. No additional dependencies required beyond Node.js.

What It Generates

  • OG Images: 1200×630px preview images for social media sharing (Twitter, LinkedIn, Facebook)
  • Favicon: Multiple formats (16×16, 32×32, 64×64, 192×192, 512×512) and iOS touch icons
  • Manifest Icons: Web app manifest-compatible icons
  • Optimized: WebP, PNG, and ICO formats for maximum compatibility

(truncated - see the full file via the links below)

File tree — 2 files
skills/generate-brand-assets/SKILL.md
skills/generate-brand-assets/references/color-palettes.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Generate social media preview images (OG images) for website sharing”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

web-asset-generator
by alonw0 · alonw0/web-asset-generator

Create production-ready web assets including favicons, PWA app icons, and social media meta images for Facebook, Twitter, LinkedIn, and WhatsApp. Source from uploaded logos, text slogans, or emoji characters, and get ready-to-use HTML tags for integration.

MITupdated Jan 2026
★ 469repo stars
Og Image
by dirnbauer · dirnbauer/webconsulting-skills

This skill automates creation of professional Open Graph images for social sharing. It examines your project's framework, design tokens, and branding to generate a screenshot-optimized preview page, captures it at the correct dimensions, and sets up complete meta tag configuration for social platforms.

no license declared → metadata onlyupdated Jul 2026
★ 33repo stars
Og Image Design
by inference-sh · inference-sh/skills

OG Image Design helps you create social sharing images optimized for Facebook, Twitter, LinkedIn, and other platforms. It provides platform-specific dimensions, design rules for text and safe zones, and ready-to-use templates for blog posts, product launches, and tutorials.

no license declared → metadata onlyupdated Jul 2026
★ 660repo stars
happy-image-gen
by iamzhihuix · iamzhihuix/happy-claude-skills

happy-image-gen unifies image generation across eight providers—OpenAI, Google, Replicate, Stability AI, FAL, Ark, Bailian, and SiliconFlow—under a single command-line interface. Create still images from text prompts or transform existing images with reference-driven edits. The skill auto-detects available API keys and respects your configuration defaults, so you can switch providers without rewriting commands.

MITupdated Apr 2026
★ 305repo stars
Ugc Hot Girl
by AKCodez · AKCodez/higgsfield-claude-skills

This skill transforms Claude into a prompt engineer for creating photorealistic female characters built for UGC advertising. It gathers context about your product, platform, and audience preferences, then outputs a detailed, paste-ready prompt optimized for image generation tools. The framework prioritizes authenticity—characters look like real people you'd see on social media, not AI-generated—with guidance on lighting, framing, expression, and styling that converts.

no license declared → metadata onlyupdated Apr 2026
★ 283repo stars
Nano Banana
by dennisonbertram · dennisonbertram/claude-media-skills

Nano Banana creates images using Google's Gemini image generation models through a straightforward command-line interface. Specify resolution up to 4K, choose from multiple aspect ratios, and optionally enhance prompts for better results—images save locally with automatic notifications.

no license declared → metadata onlyupdated Jan 2026
★ 8repo stars
Tags
social-media-optimizationimage-generationweb-brandingicon-creationasset-automationseo-metadatavisual-identitybatch-processing