moda-design/moda

moda-social-instagram

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

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

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

Related by task

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