Individual skill
social-youtube-thumbnail
High-contrast 1280×720 YouTube video thumbnail that stays legible at small sizes, keeps the timestamp corner clear, and exports under YouTube's 2 MB limit.
packages/vscode/assets/open-design/skills/social-youtube-thumbnail/SKILL.md
Source commit 400641fd6781fa0febad445984ee76440374736d
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Instructions only
- Last checked
- Nov 4, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,046
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- claude-code Repository topic
- codex Repository topic
- cursor Repository topic
- dashboard Repository topic
- design Repository topic
- design-systems Repository topic
- design-tokens Repository topic
- figma Repository topic
- github-copilot Repository topic
- mcp Repository topic
- youtube Declared skill tag
- thumbnail Declared skill tag
- social Declared skill tag
- video Declared skill tag
- cover Declared skill tag
- 封面 Declared skill tag
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.od-local-overlayasset · 82 bytesSKILL.mdcore · 3,949 bytes
Read excerpt
# YouTube Thumbnail
**Intent.** A single, fixed-size 1280×720 frame that sells one video. It is judged at postage-stamp size in a crowded feed, so it must communicate its hook in under a second.
## Canvas
- The root element is exactly `width: 1280px; height: 720px; overflow: hidden;`. Nothing may extend past it. Put `data-od-card` on the root so the export crops to it exactly.
- Single self-contained HTML file. Inline SVG for icons and shapes. Web fonts only from Google Fonts. No external image URLs unless the user supplied the image. Otherwise build the subject from inline SVG, CSS gradients and shapes, or typography. **Don't use emoji as the subject or any key visual.** Emoji come from the exporting machine's fonts and show as empty boxes where none is installed (common on Linux and CI).
## Composition
- **One focal subject** occupying 35–55% of the frame (a face or reaction, the product, a big number, or an object drawn in inline SVG), placed on a third line, never dead center with text on top of it.
- **One hook line, 2–5 words**, set at 96–160px display weight (800–900) with tight leading (0.95–1.05). It must *add* to the video title, not repeat it. At most 2 lines.
- An optional **small secondary tag** (a pill or badge, 28–40px): "NEW", "v2", "vs", "3 MIN", a price, a stat.