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
Install
crafter-station/skills/generate-brand-assets · repository language: Shell
git clone https://github.com/crafter-station/skills
cp -r skills/skills/generate-brand-assets ~/.claude/skills/generate-brand-assetsFrequently 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)
Read as markdown · JSON record · Browse the source repository
File tree — 2 files
skills/generate-brand-assets/SKILL.md
skills/generate-brand-assets/references/color-palettes.md