moda-design/moda

moda-social-youtube

- YouTube art: thumbnails (readable at 320px) and channel banners.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/moda-design/moda --skill moda-social-youtube

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

moda-social-youtube

<!-- moda:banner --> PREREQUISITE — load `moda-core` once per session (step-0, write contract, free/metered map). Already loaded? Skip ahead. If you cannot load it, the non-negotiables: run moda doctor --json before anything; moda brand list before creating; writes that pin a revision use your last read's — on stale_revision, re-read and retry once (it heals); send the canvas link the moment it exists; stuck or failed? moda ask "<question>" — free and fast, never guess. <!-- /moda:banner -->

Sizes and defaults

FormatSize--categoryNotes
Thumbnail1280×720socialjudged at ~320px wide — that is the real brief
Channel banner2560×1440socialonly 1546×423 centred is visible on every device
  • Thumbnail rules, not preferences: ≤4 words of on-image text; the subject

or face fills a third of the frame; one high-contrast focal point; type ≥120px at 1280 wide so it survives the shrink. No thin weights, no full sentences.

  • Banner safe core: everything that must be seen — name, tagline, upload

cadence, logo — lives inside the centred 1546×423. Decoration extends outward into the 2560×1440 field, which desktop shows and phones crop away.

Recipe — thumbnail

  1. moda canvas create --name "[Episode] — thumb" --intent "[one-line brief]" --size 1280x720 --category social --brand [KIT] — send the link immediately.
  2. Subject first: a photo the user gave you (moda file upload [photo.jpg]) or moda media generate-image --prompt "[subject, high contrast, brand palette]" --model [MODEL].
  3. Author in ONE apply: moda canvas markup [CANVAS_REF] --file - --page [PAGE_ID] — ≤4 words, type ≥120px, one focal point (references/markup.md).
  4. The 320px check (this recipe's verify twist): --screenshot thumb.png on that apply (or moda canvas screenshot [CANVAS_REF] -o thumb.png), then judge it at thumbnail scale — a thumbnail that only reads full-size is a failed thumbnail. Fix what fails in at most ONE repair write, captured the same way, then ship.
  5. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [episode]-thumb.png.

Recipe — channel banner

  1. moda canvas create --name "[Channel] — banner" --intent "[brief]" --size 2560x1440 --category social --brand [KIT] — link immediately.
  2. Author the safe core FIRST — the centred 1546×423 — then extend background,

texture, and colour outward to the full frame in the same apply.

  1. moda canvas screenshot [CANVAS_REF]; check that cropping to the core loses

nothing that carries meaning; at most ONE repair write, captured the same way, then ship.

  1. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [channel]-banner.png.

Examples

  • "a thumbnail for this episode" → thumbnail recipe, judged at 320px.
  • "thumbnails for these 3 videos" → run the thumbnail recipe per video, one

canvas each; the winning layout goes to moda-templates.

  • "refresh our channel art" → banner recipe, everything meaningful in the core.
  • "a YouTube banner AD" → not channel art: moda-social-ads owns paid formats.

Errors

Any typed error → load moda-core and read its recovery reference. Most likely here: type that passes full-size and dies at 320px — shrink the screenshot before delivering. stale_revision heals — retry once.

Make it recurring

Template-ize the winning thumbnail via moda-templates, then moda-automate the per-video instance — a thumbnail system beats a thumbnail.

See also: moda-social — other platforms, ad sets, one-off graphics · moda-core — the contract, recovery, everything Moda can do.

References

DocLoad when
references/youtube.mddepth: thumbnail composition patterns, banner device crops
references/markup.mdbefore any markup apply
references/no-brand-design.mdno kit is active — inventing the identity: palette law, type, imagery, layout system
from this repository

More skills

All skills
moda-design
Community

moda-audio

- Generate audio on Moda: voiceover/TTS, narration, music, jingles, sound effects — up to 10 minutes per render, delivered as a file (no canvas slot). Use for: voiceover, narration, "read this aloud", jingle, background music, SFX. Pairs with moda-video-clip for scored video. Metered.

installs
4
GitHub stars
0
Updated
Oct 10
moda-design
Community

moda-automate

- Recurring Moda work — scheduled posts, weekly reports, sync jobs: a host-side scheduler drives the Moda command line; the artifact itself still routes to its format skill. Use for: "every week/day…", "auto-post X", "keep this updated".

installs
4
GitHub stars
0
Updated
Oct 10
moda-design
Community

moda-brand

- Moda brand kits — fetch, create, update, apply, and audit designs against them. Use for: brand kit, on-brand, brand colors/fonts/logo, "use our brand", "match our site", rebrand. Create from a website URL OR manual tokens, never both. Kits, not renders: the artifact skill leads and pulls the kit — a brand-led "make a video" → moda-video. Designing a NEW logo → moda-social.

installs
4
GitHub stars
0
Updated
Oct 10
moda-design
Community

moda-chart

- Data charts on Moda from real data — CSV, a table, pasted numbers: bar, line, area, pie, scatter, combo; an editable chart on a live canvas, exported png or pdf. Use for: "chart/graph/plot this data", "visualize these numbers". NOT: a chart inside an artifact another moda skill is building — the building skill keeps it; boxes-and-arrows or quadrants → moda-diagram.

installs
4
GitHub stars
0
Updated
Oct 10