Update to Moda - Slides & Designs

{
  "description": "TikTok stills: video covers and photo-mode posts — 9:16 sizing and safe areas.",
  "included_files": [
    {
      "relative_path": "references/charts.md",
      "size_in_bytes": 5659
    },
    {
      "relative_path": "references/design-quality.md",
      "size_in_bytes": 22265
    },
    {
      "relative_path": "references/edit-code.md",
      "size_in_bytes": 16488
    },
    {
      "relative_path": "references/gotchas.md",
      "size_in_bytes": 8693
    },
    {
      "relative_path": "references/markup.md",
      "size_in_bytes": 23958
    },
    {
      "relative_path": "references/multi-unit-workflow.md",
      "size_in_bytes": 13300
    },
    {
      "relative_path": "references/no-brand-design.md",
      "size_in_bytes": 14257
    },
    {
      "relative_path": "references/omni-and-media.md",
      "size_in_bytes": 7338
    },
    {
      "relative_path": "references/social-craft.md",
      "size_in_bytes": 12086
    },
    {
      "relative_path": "references/tiktok.md",
      "size_in_bytes": 4363
    }
  ],
  "name": "moda-social-tiktok",
  "skill_md_contents": "---\nname: moda-social-tiktok\ndescription: >-\n  TikTok stills: video covers and photo-mode posts — 9:16 sizing and safe\n  areas.\n---\n\n# moda-social-tiktok\n\n**PREREQUISITE — `load_skill(\"moda-core\")` once per session** (step-0, write\ncontract, free/metered map). Already loaded? Skip ahead. If you cannot load\nit, the non-negotiables: call `moda_bootstrap` before anything; `brand_list`\nbefore creating; revision-guarded writes use `expected_revision` from your last read.\n`canvas_edit_image` captures its own target state and has no revision argument.\nOn `stale_revision`, re-read and retry once; send the canvas link\nthe moment it exists; stuck or failed? `ask_expert(\"<question>\")` — free and\nfast, never guess.\n\n## Sizes and defaults\n\n| Format | Size | `category` | Notes |\n|---|---|---|---|\n| Cover frame / photo-mode page | 1080×1920 | `social` | 9:16 — everything on TikTok is this size |\n| Photo-mode set | 1080×1920 × N | `carousel` | one page per photo; ships as a zip of pngs |\n\nSafe areas — design full-bleed; only text, logos, CTAs, and focal points stay\ninside:\n\n- **Post**: UI covers top y 0–190, the right icon rail x 900–1080 (y 190–1780),\n  and the caption band y 1780–1920. Safe zone **x 120–840, y 252–1742**.\n- **Ad**: extra CTA chrome — bottom reserved from y 1400. Safe zone **x 120–840,\n  y 252–1280**. Assume a normal post unless the user says ad.\n- Cover frames are also shown as a small grid tile on the profile: the subject\n  and any title must survive at ~1/6 scale.\n- Type: body ≈ 48px at 1080 wide, floor 32px — vertical video is read in motion.\n\nThis skill owns the STILL: the cover frame and photo-mode pages. An actual\nTikTok video is moda-video (render format wins over platform).\n\n## Recipe — cover frame or single photo-mode page\n\n1. `canvas_create(name='[Topic] — TikTok', intent='[one-line brief]', width=1080, height=1920, category='social', brand_kit_id='[KIT]')` — send the link immediately.\n2. Image-led? after laying out the canvas and its hero shape, use `canvas_edit_image` targeting that shape, with `operation.kind=\"generate\"` and a full subject/style/brand-color prompt in `operation.prompt` for the backdrop; type-led is equally strong.\n3. Author in ONE apply: `canvas_apply_markup(canvas_ref, page, markup)` — title inside x 120–840, y 252–1742 (references/markup.md).\n4. Look ONCE — `screenshot=true` on that apply returns the capture (or `canvas_screenshot(canvas_ref)`): check the right rail and caption band are clear, then judge the title at tile scale; at most ONE repair write, captured the same way, then ship.\n5. `export(canvas_ref, format='png', pixel_ratio=2)` — hand over the link.\n\n## Recipe — photo-mode set\n\n1. `canvas_create(name='[Topic] — photo set', width=1080, height=1920, category='carousel', brand_kit_id='[KIT]')` — link immediately.\n2. Prove page 1 alone (author → look → at most one fix) before adding pages: it sets\n   the system every later page repeats — 2–4 colors, two fonts, one motif.\n3. Create the rest in `canvas_edit` code (`create('page', …)`, then re-read for\n   the fresh page ids), then one markup apply per page, serial on the one\n   canvas; vary composition so neighbours differ.\n4. `canvas_screenshot(canvas_ref, pages=[IDS])` in ≤3-page batches; judge as a set, fix in ONE repair round, then export.\n5. `export(canvas_ref, format='png', pixel_ratio=2)` — a multi-page png export\n   arrives as one zip, and that zip IS the photo-mode deliverable.\n\n## Examples\n\n- \"a cover for our new TikTok\" → cover recipe at 1080×1920.\n- \"a 5-photo TikTok post about [Topic]\" → photo-mode set, 5 pages, zip.\n- \"a TikTok ad still\" → cover recipe with the ad safe zone (bottom clear from y 1400).\n- \"make the TikTok video itself\" → not this skill: load moda-video.\n\n## Errors\n\nAny typed error → load moda-core and read its recovery reference.\nMost likely here: text drifting under the right rail — capture the fixing write\n(`screenshot=true`); still one repair round, not a loop. `stale_revision` heals — re-read and retry once.\n\n## Make it recurring\n\nA cover-frame series on a posting cadence → moda-automate; the proven cover\nlayout → moda-templates, so every upload starts from the winner.\n\nSee also: moda-social — other platforms, carousel theory, one-off graphics ·\nmoda-core — the contract, recovery, everything Moda can do.\n\n## References\n\n| Doc | Load when |\n|---|---|\n| references/tiktok.md | depth: safe-area map, cover-vs-photo craft, tile-scale legibility |\n| references/markup.md | before any markup apply |\n| references/no-brand-design.md | no kit is active — inventing the identity: palette law, type, imagery, layout system |\n"
}