moda-design/moda

moda-social-instagram

- Instagram creative: feed posts, stories, reel covers, carousels — IG sizes and safe areas built in.

소스 보기

사용 방법

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

시작 전 확인

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

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

moda-social-instagram

<!-- 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
Feed portrait / carousel slide1080×1350carousel4:5 — the IG default; use unless the user says square
Feed square1080×1080socialgrid-safe; quote cards default here
Story / Reel cover1080×1920social9:16 vertical

Safe areas — design full-bleed; only text, logos, CTAs, and focal points must stay inside:

  • Feed/carousel (1080×1350): platform chrome overlays ~60px top, ~50px bottom,

~50px top-right — keep essentials in a centered ~960×1200.

  • Story/Reel (1080×1920): essentials inside y 250–1670 (username chrome above,

reply bar below).

  • Grid crop: the profile grid shows the center 1:1 — keep the subject of a 4:5

post inside the middle square.

  • Type: body ≈ 45px at 1080w, floor 28px — feed type is read at arm's length;

cut copy before shrinking below the floor.

Recipe — single post, story, or quote card

  1. moda canvas create --name "[Topic] — IG" --intent "[one-line brief]" --size 1080x1350 --category social --brand [KIT] — send the link immediately.
  2. Image-led concept? moda media generate-image --prompt "[hero, in the brand's palette]" --model [MODEL] for the hero. Type-led is equally strong — state the choice either way.
  3. Author the page in ONE apply: moda canvas markup [CANVAS_REF] --file - --page [PAGE_ID] (grammar: references/markup.md). Essentials inside the safe area above.
  4. Look ONCE — --screenshot PATH on that apply returns the capture (or moda canvas screenshot [CANVAS_REF]): check safe area, type floor, contrast, grid crop. Fix what fails in at most ONE repair write, captured the same way, then ship.
  5. Deliver: live link + moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [topic]-ig.png.

Recipe — carousel (5–8 slides)

  1. moda canvas create --name "[Topic] carousel" --intent "[brief]" --size 1080x1350 --category carousel --brand [KIT] — link immediately.
  2. Lock the system before slide 1: 2–4 colors, exactly two fonts, one grid, one

repeating motif.

  1. Author slide 1 ALONE — the hook: 5–9 words, no logo (branding on slide 1

reads as an ad). Look once (--screenshot PATH on the apply); at most one repair write, then it is the system.

  1. moda canvas add-pages [CANVAS_REF] --count [N-1], then one markup apply per

slide — vary composition (full-bleed type, number-hero, split, quiet slide, pull-quote, photo-led) so adjacent slides never repeat a layout; applies to ONE canvas stay serial. The last slide carries the one ask and the brand.

  1. Screenshot all pages and judge as a set: brightness spread, motif continuity,

one stat per slide (oversized numeral, small source footer). ONE repair round for what fails, then export.

  1. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [topic]-carousel.zip

— the zip of page images IS the IG carousel deliverable.

Examples

  • "an IG post announcing [Feature]" → single-post recipe, 1080×1350.
  • "a quote card from [Person] for Instagram" → single-post recipe, 1080×1080.
  • "a 6-slide carousel of [Topic] tips" → carousel recipe.
  • "a story for [Event] tomorrow" → single-post recipe at 1080×1920.
  • "a poster for Instagram" → this skill at 1080×1350 (platform wins over print

words; a poster to print is moda-document-print).

Errors

Any typed error → load moda-core and read its recovery reference. invalid_markup: one page per apply, then re-run; stale_revision heals — re-read and retry once.

Make it recurring

A series ("every Monday", "tips series") → moda-automate schedules the run; a winning layout → moda-templates saves it as the team template.

See also: moda-social — formats beyond IG, ad sets, carousel theory · moda-core — the contract, recovery, everything Moda can do.

References

DocLoad when
references/instagram.mdmore depth: Reels covers, grid strategy, caption handoff
references/markup.mdbefore any markup apply
references/design-quality.mdtype ladder detail, imagery, shaders, AI-slop list
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일