# Social Card Image Led

> 图片主导的社交卡 — 图是证据 / 氛围 / 产品 / 物件 / 地点 / 钩子，文字让位。骨架：全出血 + 安全标题块 / 大图井 + 编辑标题 / 图片裁切 + caption 账本 / 产品物件照 + 三个证据点 / 旅行地点 + 地图或位置元数据。必须保护人脸 / 产品 / UI / 关键细节不被文字盖住。触发："做个图片卡 / 照片封面 / 产品图卡 / 旅行卡 / 物件卡 / 证据图卡"。NOT 没图片只能补 stock 装饰，NOT 用蒙版强行救烂图。

- Skill: `martin65536/social-card-image-led` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add martin65536/social-card-image-led`
- Raw SKILL.md: https://api.skillmd.com/api/skills/martin65536/social-card-image-led/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: martin65536 (https://skillmd.com/u/martin65536)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/martin65536/social-card-image-led

---


# Social Card Image-Led Template

Use when the image is the evidence, mood, product, object, place, or hook.

## Core Rule

The image must do real work. If it is only decoration, choose another template.

## Structure Options

- full-bleed image + safe title block
- large image well + editorial title
- image crop + caption ledger
- product/object photo + three evidence points
- travel/place image + map or location metadata

## Must Do

- Protect faces, products, UI, and important image details from text overlay.
- Use overlays only when contrast is genuinely needed.
- Keep title and image in a clear relationship.
- If image quality is poor, crop less aggressively or switch to a text-led recipe.

## Avoid

- Text covering faces or key product areas.
- Dark overlay as a lazy fix for all images.
- Decorative stock image with no content relation.
- Tiny image thumbnails on a portrait canvas.

## Related Pattern

Use `social-card-editorial` as the closest pattern if a visual reference is needed.

## Pattern Source Rule

Read this `SKILL.md` first. Do **not** read `pattern.html` by default.

Read `pattern.html` only when you need concrete layout rhythm, spatial relationships, or interaction/annotation behavior that this markdown cannot fully specify. When read, extract patterns only; do not copy DOM, CSS classes, exact spacing, placeholder copy, or styling wholesale.