Back to Details

moda-social-tiktok

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

moda-social-tiktok

moda-social-tiktok

<!-- 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; every write carries the latest revision — 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 -->
<!-- moda:banner -->
前提条件——每个会话仅需加载一次
moda-core
（步骤0，编写合约，免费/计量映射）。已加载？直接跳过。若无法加载，必须执行以下操作：先运行
moda doctor --json
；创建前先执行
moda brand list
；每次写入操作需携带最新版本——遇到
stale_revision
时，重新读取并重试一次即可解决；画布链接生成后立即发送；遇到问题或失败？执行
moda ask "<问题>"
——免费且快速，切勿自行猜测。
<!-- /moda:banner -->

Sizes and defaults

尺寸与默认设置

FormatSize
--category
Notes
Cover frame / photo-mode page1080×1920
social
9:16 — everything on TikTok is this size
Photo-mode set1080×1920 × N
carousel
one page per photo; ships as a zip of pngs
Safe areas — design full-bleed; only text, logos, CTAs, and focal points stay inside:
  • Post: UI covers top y 0–190, the right icon rail x 900–1080 (y 190–1780), and the caption band y 1780–1920. Safe zone x 120–840, y 252–1742.
  • Ad: extra CTA chrome — bottom reserved from y 1400. Safe zone x 120–840, y 252–1280. Assume a normal post unless the user says ad.
  • Cover frames are also shown as a small grid tile on the profile: the subject and any title must survive at ~1/6 scale.
  • Type: body ≈ 48px at 1080 wide, floor 32px — vertical video is read in motion.
This skill owns the STILL: the cover frame and photo-mode pages. An actual TikTok video is moda-video (render format wins over platform).
格式尺寸
--category
说明
封面帧/照片模式页面1080×1920
social
9:16比例——TikTok所有内容均采用此尺寸
照片模式图集1080×1920 × N
carousel
每张照片对应一个页面；以PNG文件压缩包形式交付
安全区域——设计时可全屏延伸；仅文本、Logo、行动召唤按钮（CTA）及视觉焦点需置于安全区域内：
  • 普通帖子：UI会遮挡顶部y轴0–190区域、右侧图标栏x轴900–1080区域（y轴190–1780），以及底部标题栏y轴1780–1920区域。安全区域为x轴120–840，y轴252–1742。
  • 广告帖子：额外的CTA控件会占用底部y轴1400以下区域。安全区域为x轴120–840，y轴252–1280。除非用户明确说明是广告，否则默认按普通帖子处理。
  • 封面帧也会以小网格缩略图形式展示在个人主页上：主体内容及标题需在约1/6比例下仍清晰可辨。
  • 字体：在1080宽度下，正文字体约为48px，最小不低于32px——竖屏视频是在动态中被浏览的。
本技能负责处理STILL素材：即封面帧与照片模式页面。实际TikTok视频需使用moda-video技能（渲染格式优先级高于平台）。

Recipe — cover frame or single photo-mode page

操作指南——封面帧或单页照片模式帖子

  1. moda canvas create --name "[Topic] — TikTok" --intent "[one-line brief]" --size 1080x1920 --category social --brand [KIT]
    — send the link immediately.
  2. Image-led? 
    moda media generate-image --prompt "[subject, brand palette]" --model [MODEL]
    for the backdrop; type-led is equally strong.
  3. Author in ONE apply: 
    moda canvas markup [CANVAS_REF] --file - --page [PAGE_ID]
    — title inside x 120–840, y 252–1742 (references/markup.md).
  4. moda canvas screenshot [CANVAS_REF]
    — check the right rail and caption band are clear, then judge the title at tile scale; fix and re-screenshot.
  5. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [topic]-tiktok.png
    .
  1. 执行
    moda canvas create --name "[主题] — TikTok" --intent "[一行简短说明]" --size 1080x1920 --category social --brand [KIT]
    ——立即发送生成的链接。
  2. 以图片为主？执行
    moda media generate-image --prompt "[主体内容，品牌调色板]" --model [MODEL]
    生成背景图；以文字为主的设计同样适用。
  3. 一次性完成编辑：执行
    moda canvas markup [CANVAS_REF] --file - --page [PAGE_ID]
    ——标题需置于x轴120–840、y轴252–1742范围内（参考references/markup.md）。
  4. 执行
    moda canvas screenshot [CANVAS_REF]
    ——检查右侧图标栏和标题栏区域无遮挡，然后查看缩略图比例下的标题清晰度；如有问题修改后重新截图。
  5. 执行
    moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [主题]-tiktok.png
    。

Recipe — photo-mode set

操作指南——照片模式图集

  1. moda canvas create --name "[Topic] — photo set" --size 1080x1920 --category carousel --brand [KIT]
    — link immediately.
  2. Prove page 1 alone (author → screenshot → fix) before adding pages: it sets the system every later page repeats — 2–4 colors, two fonts, one motif.
  3. moda canvas add-pages [CANVAS_REF] --count [N-1]
    , then one markup apply per page, serial on the one canvas; vary composition so neighbours differ.
  4. moda canvas screenshot [CANVAS_REF]
    in ≤3-page batches; judge as a set.
  5. moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [topic]-tiktok.zip
    — the zip of page images IS the photo-mode deliverable.
  1. 执行
    moda canvas create --name "[主题] — 照片图集" --size 1080x1920 --category carousel --brand [KIT]
    ——立即发送生成的链接。
  2. 先完成第1页的编辑→截图→调整，再添加后续页面：第1页的设计规范（2–4种颜色、两种字体、一种主题元素）将作为后续所有页面的模板。
  3. 执行
    moda canvas add-pages [CANVAS_REF] --count [N-1]
    添加页面，然后在同一个画布上逐页进行标记编辑；调整每页布局，使相邻页面有所区别。
  4. 按≤3页为一批执行
    moda canvas screenshot [CANVAS_REF]
    ；整体查看图集效果。
  5. 执行
    moda export [CANVAS_REF] --format png --pixel-ratio 2 -o [主题]-tiktok.zip
    ——页面图片的压缩包即为照片模式的交付成果。

Examples

示例

  • "a cover for our new TikTok" → cover recipe at 1080×1920.
  • "a 5-photo TikTok post about [Topic]" → photo-mode set, 5 pages, zip.
  • "a TikTok ad still" → cover recipe with the ad safe zone (bottom clear from y 1400).
  • "make the TikTok video itself" → not this skill: load moda-video.
  • “为我们的新TikTok视频制作封面”→使用封面操作指南，尺寸1080×1920。
  • “关于[主题]的5张照片TikTok帖子”→使用照片模式图集操作指南，5个页面，交付压缩包。
  • “TikTok广告静态素材”→使用封面操作指南，采用广告安全区域（底部y轴1400以下需留白）。
  • “制作TikTok视频本身”→不属于本技能范畴，请加载moda-video。

Errors

错误处理

Any typed error → load moda-core and read its recovery reference. Most likely here: text drifting under the right rail — re-screenshot after every fix. 
stale_revision
heals — re-read and retry once.
任何输入错误→加载moda-core并查看其恢复参考文档。 最常见的问题：文本超出右侧图标栏范围→每次修改后重新截图。遇到
stale_revision
时，重新读取并重试一次即可解决。

Make it recurring

批量重复制作

A cover-frame series on a posting cadence → moda-automate; the proven cover layout → moda-templates, so every upload starts from the winner.
See also: moda-social — other platforms, carousel theory, one-off graphics · moda-core — the contract, recovery, everything Moda can do.
按发布节奏制作系列封面帧→使用moda-automate；经过验证的封面布局→使用moda-templates，使每次上传都基于最优模板开始。
另请参阅：moda-social——其他平台、轮播图理论、一次性图形制作 · moda-core——合约、恢复机制、Moda的所有功能。

References

参考文档

DocLoad when
references/tiktok.mddepth: safe-area map, cover-vs-photo craft, tile-scale legibility
references/markup.mdbefore any markup apply
文档加载时机
references/tiktok.md需要深入了解：安全区域地图、封面与照片制作技巧、缩略图比例可读性
references/markup.md进行任何标记编辑前