Skip to content

claude code vibing: add 100 OG image variants for design review#62

Open
functionstackx wants to merge 3 commits intofeat/blog-infrafrom
feat/og-variants-100
Open

claude code vibing: add 100 OG image variants for design review#62
functionstackx wants to merge 3 commits intofeat/blog-infrafrom
feat/og-variants-100

Conversation

@functionstackx
Copy link
Contributor

Summary

  • Adds 100 unique OG image variants (v26-v125) across 10 design categories for designer review
  • All variants follow the existing renderOgImage(meta) pattern with Satori-compatible inline styles
  • Categories span dot/circle patterns, line/grid patterns, color themes, split layouts, typography-focused, tech themes, geometric/decorative, editorial/magazine, abstract shapes, and unique/experimental designs

Categories

Range Theme Examples
v26-v35 Dot & circle patterns Halftone, constellation, Venn overlap, ripple waves
v36-v45 Line & grid patterns Scan lines, crosshatch, blueprint, topographic
v46-v55 Color theme palettes Ocean, sunset, neon night, monochrome steel
v56-v65 Split & panel layouts Vertical split, Z-layout, card-in-card, staircase
v66-v75 Typography-focused Drop cap, stacked words, two-size title, centered zen
v76-v85 Tech & data themes Terminal, code editor, matrix rain, chip layout
v86-v95 Geometric & decorative Hexagon cells, chevrons, ribbon banner, bracket frame
v96-v105 Editorial & magazine Magazine cover, newspaper, book cover, movie poster
v106-v115 Abstract shapes Scattered rects, mountain silhouette, spiral dots, organic blobs
v116-v125 Unique & experimental Monogram watermark, classified dossier, retro VHS, brutalist

Test plan

  • Review rendered OG images using the variant preview page
  • Pick favorite designs for final selection

🤖 Generated with Claude Code

100 unique OG image designs across 10 categories:
- Dot & circle patterns (v26-v35)
- Line & grid patterns (v36-v45)
- Color theme palettes (v46-v55)
- Split & panel layouts (v56-v65)
- Typography-focused (v66-v75)
- Tech & data themes (v76-v85)
- Geometric & decorative (v86-v95)
- Editorial & magazine (v96-v105)
- Abstract shapes & textures (v106-v115)
- Unique & experimental (v116-v125)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Mar 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
inferencemax-app Ready Ready Preview, Comment Mar 22, 2026 6:42pm

Request Review

Add v26-v125 imports to the API route and VARIANTS entries to the
preview page so all 125 designs render at /blog/og-preview.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@functionstackx functionstackx changed the title feat: add 100 OG image variants for design review claude code vibing: add 100 OG image variants for design review Mar 22, 2026
50 new out-of-the-box designs across 5 categories:
- Cultural & historical (v126-v135): papyrus, cave painting, Art Deco,
  constructivist, ukiyo-e, stained glass, hieroglyphs, illuminated
  manuscript, Pop Art, Bauhaus
- Physical objects (v136-v145): chalkboard, neon sign, leather book,
  shipping label, polaroid, cassette, license plate, credit card,
  prescription, billboard
- Nature & science (v146-v155): DNA helix, star chart, weather radar,
  periodic element, microscope, seismograph, aurora, coral reef,
  crystal, telescope
- Unexpected formats (v156-v165): receipt, passport, ransom note,
  typewriter, sticky note, safety card, nutrition label, warning sign,
  TV test pattern, boot screen
- Fine art (v166-v175): Mondrian, Rothko, Kandinsky, Escher, Op art,
  data mosh, risograph, linocut, psychedelic 60s, hologram

Also registers all 175 variants in the preview page and API route.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant