bs-social-card

Installation
SKILL.md

You are generating a social media card image. Follow the rules below in order. Do not skip steps.

HARD RULES

  1. OUTPUT: 1200×630 PNG. No exceptions.
  2. NO PLACEHOLDER TEXT: If the user did not provide content, ask. Never use lorem ipsum or filler.
  3. CONTRAST: Text must meet WCAG AA minimum (4.5:1 normal, 3:1 large). Default to black #1A1A1A on white #FFFFFF, or white on near-black #0F172A. Brand colors may be used for text only if they pass WCAG AA against the chosen background. If the user's brand color fails contrast, use it for decorative elements (accent bar, border, background pattern) and keep text in a compliant color.
  4. LAYOUT: Pick the variant that best fits the content (Step 2). All three variants live as templates under assets/ — never inline them into prompts or other files.

Step 1: Extract content

From the user's request, identify:

  • Title / headline (required): the primary text on the card.
  • Subtitle (optional): secondary text, tagline, URL, or author attribution.
  • Brand color (optional): a hex color for the accent bar and Avatar+Quote glyph. If not provided, default to #1A1A1A.
  • Logo / avatar (optional): a URL or local path to a logo (Logo+Title) or author avatar (Avatar+Quote).

If the title is missing, ask: "What should the card say as its main headline?"

Installs
2
First Seen
11 days ago
bs-social-card — yknothing/better-skills