Skip to content

Social Preview Assets

Harrier keeps deterministic social assets in the repository so GitHub, the website, and the docs site can share a consistent visual language.

Assets

Asset Path Use
MCP GitHub social preview docs/assets/social-preview.png Upload in GitHub repository settings
Website Open Graph image website/public/og-image.png harrier.theplatformlayer.com social sharing
Docs Open Graph image docs/assets/og-image.png docs.harrier.theplatformlayer.com social sharing
Website favicon website/public/favicon.png Browser tab icon for harrier.theplatformlayer.com
Docs favicon docs/assets/favicon.png Browser tab icon for docs.harrier.theplatformlayer.com
Editable MCP social preview docs/assets/social-preview.svg Source for social preview updates
Editable website Open Graph image website/public/og-image.svg Source for website OG updates
Editable docs Open Graph image docs/assets/og-image.svg Source for docs OG updates

Production Screenshots

These screenshots are captured from the deployed Harrier experience and are used in the README and diagnosis showcase.

Screenshot Path Resolution Use
Root cause and findings docs/assets/artifacts/production/harrier-production-root-cause-findings.png 1566x1182 README preview, diagnosis showcase
Visual check tree docs/assets/artifacts/production/harrier-production-visual-check-tree.png 1408x1422 README preview, diagnosis showcase
Log excerpts docs/assets/artifacts/production/harrier-production-log-excerpts.png 1880x1036 README preview, diagnosis showcase
Check status details docs/assets/artifacts/production/harrier-production-check-status-details.png 1930x1300 Diagnosis showcase
Evidence cards docs/assets/artifacts/production/harrier-production-evidence-cards.png 1592x1418 Diagnosis showcase
Not checked follow-up docs/assets/artifacts/production/harrier-production-not-checked-follow-up.png 1698x1306 Diagnosis showcase
Dry-run PR preview docs/assets/artifacts/production/harrier-production-pr-preview-files-patches.png 1920x1400 README preview, diagnosis showcase
Recommendation validation and rollback docs/assets/artifacts/production/harrier-production-recommendation-validation-rollback.png 1744x1172 Diagnosis showcase
Safety notice and next steps docs/assets/artifacts/production/harrier-production-safety-notice-next-steps.png 1880x898 Diagnosis showcase

The demo lab repository has its own GitHub social preview asset:

harrier-emr-demo-lab/docs/assets/social-preview.png

GitHub Upload Steps

For each repository:

  1. Open the GitHub repository.
  2. Go to Settings.
  3. Open General.
  4. Scroll to Social preview.
  5. Upload the relevant PNG:

text docs/assets/social-preview.png

  1. Save changes.

GitHub social previews should be 1280x640 PNG images under 1 MB when possible.

Regenerate PNG Files

The PNG files are rendered from SVG sources with ImageMagick:

magick docs/assets/social-preview.svg docs/assets/social-preview.png
magick docs/assets/og-image.svg docs/assets/og-image.png
magick website/public/og-image.svg website/public/og-image.png

For the demo lab:

magick docs/assets/social-preview.svg docs/assets/social-preview.png