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.

소스 보기

사용 방법

  1. 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
  2. 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
  3. 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/moda-design/moda --skill moda-social-ads

시작 전 확인

  • 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
  • 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서

원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.

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

관련 작업

같은 저장소의 Skills

더 많은 Skills

모든 Skills
moda-design
커뮤니티

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.

설치 수
4
GitHub Stars
0
업데이트
10월 10일
moda-design
커뮤니티

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

설치 수
4
GitHub Stars
0
업데이트
10월 10일
moda-design
커뮤니티

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.

설치 수
4
GitHub Stars
0
업데이트
10월 10일
moda-design
커뮤니티

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.

설치 수
4
GitHub Stars
0
업데이트
10월 10일