# OG Meta Snap — Full Technical Specification for LLMs

Your social preview — fixed in one click. OG Meta Snap is a high-performance Chrome extension designed to solve the "broken social preview" problem for developers, founders, and marketers.

## Project Vision
To provide the fastest, most reliable way to generate professional Open Graph images without leaving the browser, ensuring every link shared on social media (LinkedIn, X, Facebook, Slack) looks premium and on-brand.

## Core Capabilities
- **Brand Intelligence**: Automatically detects page title, meta description, brand colors (from CSS/SVG), and site logos.
- **Instant Preview**: Shows a real-time "Before & After" audit of how the current page looks on social media.
- **Template Engine**: 6 professional 1200x630px layout templates (Clean, Logo-focused, Dark-mode, Two-column, etc.).
- **Live Customization**: Edit text, swap fonts, adjust colors, and upload custom backgrounds directly in the popup.
- **Privacy First**: 100% browser-based. No images or data are uploaded to servers. Generation happens entirely on the client side.
- **Export Formats**: Support for high-quality PNG, optimized JPG, and WebP.

## Sitemap & Navigation
- **Home**: https://ogmetasnap.vercel.app — Landing page and download.
- **Blog**: https://ogmetasnap.vercel.app/blog — Technical SEO and OG guides.
- **Visual Sitemap**: https://ogmetasnap.vercel.app/sitemap — Complete site index.
- **RSS Feed**: https://ogmetasnap.vercel.app/rss.xml — Content updates.
- **LLM Summary**: https://ogmetasnap.vercel.app/llms.txt — Short summary for AI.

## Detailed Blog Content (2026)
- **What Is an OG Image**: Deep dive into Open Graph protocol and its impact on brand perception.
  - URL: https://ogmetasnap.vercel.app/blog/what-is-og-image
- **OG Image Size Guide 2026**: The definitive guide to social media dimensions, aspect ratios (1.91:1), and file size limits.
  - URL: https://ogmetasnap.vercel.app/blog/og-image-size-guide-2026
- **LinkedIn Social Preview Fix**: Step-by-step guide to clearing the LinkedIn Post Inspector cache and fixing missing previews.
  - URL: https://ogmetasnap.vercel.app/blog/fix-og-image-linkedin-2026

## Technical Architecture (Landing Page)
- **Framework**: Next.js 16.2 (App Router)
- **Styling**: Tailwind CSS v4 (CSS-first configuration)
- **Animations**: Framer Motion for high-fidelity transitions
- **Performance**: 100/100 Lighthouse score target, optimized `next/image` usage
- **SEO**: Automated XML Sitemaps, JSON-LD Structured Data (Organization & Website), RSS 2.0

## Support & Social
- **Twitter/X**: https://twitter.com/ogmetasnap
- **Email**: hello@ogmetasnap.com
- **Chrome Web Store**: https://chromewebstore.google.com/detail/hiabdneebjnffjfikpcjoegkdkhljidc