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.

Voir la source

Mode d’emploi

  1. Copiez la commande et examinez le paquet avant de l’installer dans votre environnement agent.
  2. Consultez le document original pour les outils, identifiants et environnements requis.
  3. Décrivez les entrées et le livrable souhaité ; comparez la sortie aux sources.
npx skills add https://github.com/moda-design/moda --skill moda-social-ads

Avant de commencer

  • L’installation n’inclut ni abonnement au modèle, ni quota API, ni accès aux fichiers.
  • Étoiles et installations reflètent l’activité, pas un test indépendant de qualité ou de sécurité.
Document Skill original

Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.

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] --screenshot PATH, then at most one repair write. 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. ONE repair round, then export.

  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 what fails in at most ONE repair write, captured the same way, then ship.

  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

Tâches connexes

du même dépôt

Autres Skills

Tous les Skills
moda-design
Communauté

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.

installations
4
GitHub Stars
0
Mis à jour
10 oct.
moda-design
Communauté

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

installations
4
GitHub Stars
0
Mis à jour
10 oct.
moda-design
Communauté

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.

installations
4
GitHub Stars
0
Mis à jour
10 oct.
moda-design
Communauté

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.

installations
4
GitHub Stars
0
Mis à jour
10 oct.