Skills
.Work. You
Rest

og-image-design

Community

Design social sharing images instantly.

Design & Creative#design#image generation#open graph#og image#social sharing#twitter card
AuthorRomainGRAS42
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of professional Open Graph and social sharing images, ensuring your content looks great across all platforms.

Core Features & Use Cases

  • Dynamic Image Generation: Create custom social sharing images using HTML-to-image conversion.
  • Platform Specifications: Adheres to dimensions and aspect ratios for Facebook, Twitter/X, LinkedIn, and more.
  • Design Guidance: Provides rules for text, safe zones, and color palettes for optimal visual appeal.
  • Use Case: Generate a unique Twitter card image for a new blog post titled "AI in Manufacturing" with a dark gradient background and a clear headline.

Quick Start

Generate an Open Graph image with the title "How We Reduced Build Times by 80%" using the provided HTML structure.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: og-image-design
Download link: https://github.com/RomainGRAS42/Procedio-AI/archive/main.zip#og-image-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.