moda-design/moda

moda-social-ads

- Static ads: platform-native single ads and multi-size display banner sets (IAB) — one message across sizes, exported together.

Quelltext ansehen
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

moda-social-ads

<!-- 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

The IAB core set (--category web-ads), plus any size the user names:

SizeRoleNotes
300×250medium rectanglethe workhorse — design the MASTER here
728×90leaderboardhostile: one line, logo, CTA — nothing else
160×600skyscrapervertical stack, CTA at the bottom
300×600half pagethe roomy one; the master usually scales here first
320×50mobile bannerhostile: type only, 4–6px off every edge
970×250billboardthe only size with room for imagery

Platform-native single ads (--category web-ads or social): IG story ad 1080×1920 (bottom reserved from y 1400 for CTA chrome), Facebook feed ad 1200×628, IG feed ad 1080×1080 or 1080×1350.

Craft, in one pass: the Rule of One — one audience, one promise, one ask. Hierarchy is hook → brand → CTA, with brand and CTA both visible; the CTA is button-shaped and the highest-contrast element ("See the demo", never "Learn more"). Keep type and CTA 8–10px off every edge — networks add a border at serve time. Photography rarely survives these sizes: prefer solid colour, gradients, shapes, type, and generated patterns.

Recipe — the size set (master first)

  1. moda canvas create --name "[Campaign] — ads" --intent "[the one promise]" --size 300x250 --category web-ads --brand [KIT] — send the link immediately.
  2. Design and APPROVE the master on page 1: moda canvas markup [CANVAS_REF] --file - --page [PAGE_ID], then moda canvas screenshot [CANVAS_REF]. Do not adapt anything until the master is right.
  3. moda canvas add-pages [CANVAS_REF] --count 1 --size 728x90 — one page per size, repeated for each size in the set.
  4. Re-COMPOSE each size (never squash): one markup apply per page, serial on the

one canvas — the same message, re-laid for the shape. Check the two hostile sizes (728×90, 320×50) first; they break layouts before the others do.

  1. moda canvas screenshot [CANVAS_REF] in ≤3-page batches; judge the set for

one voice, one CTA, one brand presence.

  1. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [campaign]-ads.zip

— multi-page png arrives as a zip: the set ships together, one file for the trafficker.

Recipe — one platform-native ad

  1. moda canvas create --name "[Campaign] — [placement]" --intent "[the one promise]" --size [WxH] --category web-ads --brand [KIT] — link immediately.
  2. Write the idea in one sentence first: "For [audience], [brand] is the

[category] that [single claim]." Kill every secondary message.

  1. Author in ONE apply; keep the CTA inside the placement's chrome-free zone.
  2. moda canvas screenshot [CANVAS_REF] — squint test: blurred, does it still

show what it is for and where the eye lands? Fix, re-screenshot.

  1. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [campaign]-[size].png.

Examples

  • "banner ads in the standard sizes" → size-set recipe, IAB core, one zip.
  • "an Instagram ad for the spring sale" → platform-native recipe at 1080×1350.
  • "just a 728×90 and a 300×250" → size-set recipe with those two pages only.
  • "an animated banner ad" → not this skill: load moda-video (motion wins).

Errors

Any typed error → load moda-core and read its recovery reference. canvas_busy is likeliest here (many pages, many applies): applies to one canvas stay SERIAL — they serialize on the server anyway, so fanning them out buys nothing and can come back busy.

Make it recurring

A campaign refresh on a cadence → moda-automate; the approved size-set skeleton → moda-templates, so the next campaign starts at step 4.

See also: moda-social — organic posts, carousels, one-off graphics · moda-core — the contract, recovery, everything Moda can do.

References

DocLoad when
references/ads.mddepth: IAB set, per-size composition patterns, CTA and stopping power
references/markup.mdbefore any markup apply
references/export.mdzip semantics, pixel ratio, warnings
references/no-brand-design.mdno kit is active — inventing the identity: palette law, type, imagery, layout system
aus demselben Repository

Weitere Skills

Alle Skills
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".

Installationen
1
GitHub Stars
0
Aktualisiert
20. Sept.
moda-design
Community

moda-context

- Pin a repo to Moda defaults via .moda/context.json — org, brand, canvas — so every run in this repo lands in the right place. CLI-only: these defaults are files on your disk.

Installationen
1
GitHub Stars
0
Aktualisiert
20. Sept.
moda-design
Community

moda-deck-theme

- A deck's visual theme, designed with you before any content exists: four title directions, section heads and a closing, then eight workhorse layouts — placeholder only, approved phase by phase.

Installationen
1
GitHub Stars
0
Aktualisiert
20. Sept.
moda-design
Community

moda-diagram

- Boxes-and-arrows diagrams on Moda with anchored connectors: flowchart, org chart, architecture, decision tree, swimlane, journey map, 2x2, quadrant, market map. Use for: "diagram this". NOT: data charts → moda-chart; UI screens/wireframes → moda-mockup; a decorative shape graphic (a circle with a caption) → moda-social; a diagram for a deck/document being built stays with that skill.

Installationen
1
GitHub Stars
0
Aktualisiert
20. Sept.