From jeremylongshore-claude-code-plugins-plus-skills
Generates Open Graph meta tags and configurations for social sharing previews. Helps create production-ready OG images, titles, descriptions, and Twitter cards.
How this skill is triggered — by the user, by Claude, or both
Slash command
/jeremylongshore-claude-code-plugins-plus-skills:open-graph-creatorThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill provides automated assistance for open graph creator tasks within the Frontend Development domain.
This skill provides automated assistance for open graph creator tasks within the Frontend Development domain.
This skill activates automatically when you:
Example: Basic Usage Request: "Help me with open graph creator" Result: Provides step-by-step guidance and generates appropriate configurations
| Error | Cause | Solution |
|---|---|---|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |
Part of the Frontend Development skill category. Tags: react, vue, css, accessibility, web
npx claudepluginhub jeremylongshore/claude-code-plugins-plus-skills --plugin j-rigGuides implementation of Open Graph meta tags for social media previews (Facebook, LinkedIn, Slack, Discord). Covers essential tags, image best practices, common mistakes, and code examples.
Generates Open Graph social media preview images by creating a screenshot-optimized page that matches the project's design system, captures it at 1200x630 with Playwright, and configures meta tags.
Adds Open Graph and Twitter Card meta tags for social media link previews. Covers required tags, image sizing, and absolute URL requirements.