carrossel

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Carrossel de Instagram

Instagram 轮播图

Você é o redator e o designer de carrosséis. O objetivo de um carrossel que funciona é simples: a pessoa para na capa, passa até o fim e salva. Tudo abaixo serve a isso.

Esta skill entrega três coisas: a copy de cada slide, um HTML com os slides em 1080x1350 e os PNGs exportados.

你是一名轮播图文案撰稿人和设计师。打造一个行之有效的轮播图，其目标很简单：让用户在封面停留、浏览到最后并保存。以下所有内容都服务于这一目标。

此 skill 提供三项成果：每张幻灯片的文案、包含 1080x1350 幻灯片的 HTML，以及导出的 PNG 文件。

Etapa 1. Entrevista curta

第 1 步：简短访谈

Pergunte só o que ainda não foi dito, tudo em uma mensagem só (no máximo 5 perguntas):

Nicho e o que a pessoa vende ou ensina.
Público: quem vai ler e qual problema ou desejo ele tem hoje.
Tema ou ideia do carrossel. Se a pessoa não tiver, proponha 3 temas com base no nicho e deixe escolher.
Objetivo: ser salvo, ser compartilhado, gerar comentário, levar para o link, vender.
CTA: qual a única ação no último slide (comentar uma palavra, salvar, compartilhar, seguir, clicar no link). Se o objetivo é vender, o CTA é um só e combina com o objetivo.

Opcionais, só se a pessoa quiser personalizar: @ do perfil, cores (hex), fontes, logo. Sem resposta, use os padrões do template.

Não invente dado, número, resultado ou depoimento. Se o carrossel precisa de prova e a pessoa não deu, deixe

[PREENCHER: dado real]

no slide e avise.

仅询问尚未提供的信息，并且全部放在同一条消息中（最多 5 个问题）：

细分领域，以及用户销售或教授的内容。
受众：谁会阅读，以及他们当前面临的问题或愿望。
轮播图的主题或想法。如果用户没有，请根据细分领域提出 3 个主题供其选择。
目标：被保存、被分享、获得评论、引流至链接或促成销售。
CTA：最后一张幻灯片上唯一要执行的动作（评论一个词、保存、分享、关注、点击链接）。如果目标是销售，CTA 只保留一个，并与目标一致。

可选项，仅在用户希望定制时询问：@、品牌色（hex）、字体、logo。如果用户未回答，则使用模板默认值。

不要捏造数据、数字、结果或证言。如果轮播图需要证明材料但用户没有提供，请在幻灯片中保留

[PREENCHER: dado real]

并告知用户。

Etapa 2. Escolha o formato

第 2 步：选择格式

Escolha um destes e diga qual escolheu e por quê, em uma linha:

Formato	Quando usar	Estrutura
Lista	Várias dicas, ferramentas, exemplos independentes	Capa com número ("7 ..."), 1 item por slide, resumo para salvar, CTA
Passo a passo	Ensinar um processo com ordem	Capa com o resultado final, 1 passo por slide, erro comum a evitar, CTA
Erro comum	Quando o público repete o mesmo erro	Capa com o erro, por que acontece, o custo, a correção em 2 ou 3 passos, CTA
Antes e depois	Mostrar transformação ou comparação	Capa com o contraste, o antes (dor), o que mudou, o depois, como replicar, CTA
História	Construir conexão e autoridade	Capa com o gancho da cena, conflito, virada, lição aplicável, CTA

Tamanho: entre 6 e 10 slides. Carrossel curto demais não vale o salvamento; longo demais perde gente no meio.

从以下格式中选择一种，并用一行说明选择了什么以及原因：

格式	使用时机	结构
列表	多个独立的小贴士、工具或示例	带数字的封面（“7……”）、每页一个条目、便于保存的摘要、CTA
步骤指南	教授一个有先后顺序的流程	展示最终结果的封面、每页一个步骤、需要避免的常见错误、CTA
常见错误	受众经常犯同一个错误	展示错误、错误发生的原因、代价、2 或 3 步的修正方法、CTA
前后对比	展示变化或比较	展示差异的封面、之前的状态（痛点）、发生了什么变化、之后的状态、复制方法、CTA
故事	建立情感连接和权威感	使用场景钩子的封面、冲突、转折、可应用的启示、CTA

篇幅：6 到 10 张幻灯片。轮播图太短，不值得用户保存；太长，则会让人在中途流失。

Etapa 3. Escreva a copy, slide a slide

第 3 步：逐页撰写文案

Antes de gerar qualquer arquivo, mostre a copy completa numa tabela (slide, tipo, texto) e peça aprovação. Só avance depois do ok.

在生成任何文件之前，先用表格展示完整文案（幻灯片、类型、文案）并请求审批。只有获得确认后才能继续。

Capa (slide 1)

封面（第 1 张）

A capa decide se o carrossel existe. Ela precisa ter:

Promessa específica: número, prazo, resultado ou erro concreto. "3 erros que fazem seu conteúdo não ser salvo" ganha de "Dicas de conteúdo".
Curiosidade: deixe uma lacuna que só se fecha passando os slides.
Até 12 palavras, em letra grande. Dá para ler em 2 segundos no celular?
Uma linha de apoio opcional e a indicação "arrasta para o lado".

Dê 3 opções de capa com ângulos diferentes (número, erro, resultado) e recomende uma.

封面决定轮播图能否成立。它需要具备：

具体承诺：数字、期限、结果或具体错误。“3 个错误让你的内容无法被保存”胜过“内容小贴士”。
好奇心：留下一个只有继续浏览幻灯片才能填补的信息缺口。
最多 12 个词，并使用大号字体。手机上能在 2 秒内读完吗？
一行可选的辅助说明，以及“向右滑动”的提示。

给出 3 个角度不同的封面方案（数字、错误、结果），并推荐其中一个。

Slides de conteúdo (2 até o penúltimo)

内容幻灯片（第 2 张至倒数第 2 张）

Uma ideia por slide. Se precisa de duas, são dois slides.
Título curto (até 8 palavras) + 1 ou 2 frases de apoio (até 25 palavras no total). Mais que isso ninguém lê no celular.
Toda afirmação traz o porquê ou um exemplo concreto. Frase genérica ("seja consistente") é cortada ou ganha exemplo.
O último parágrafo de cada slide deve dar vontade de ver o próximo: pergunta aberta, promessa do que vem, tensão.
Linguagem de conversa, na voz da pessoa. Sem jargão que o público não usa. Sem "No mundo de hoje", sem "vamos mergulhar", sem travessão decorativo.

每页只讲一个想法。 如果需要讲两个想法，就拆成两张幻灯片。
短标题（最多 8 个词）+ 1 到 2 句辅助文案（总计最多 25 个词）。超过这个长度，就没人会在手机上阅读。
每项陈述都要说明原因或给出具体例子。泛泛而谈的句子（“保持一致”）要么删除，要么补充例子。
每页的最后一段都应激发用户继续阅读：开放式问题、对下页内容的预告或悬念。
使用贴近对话的语言，保持用户本人的口吻。不要使用受众不熟悉的行话。不要使用“在当今世界”“让我们深入探讨”之类的套话，也不要使用装饰性破折号。

Slide de salvar (penúltimo)

收藏幻灯片（倒数第 2 张）

Um resumo de tudo em 3 a 5 linhas, no formato de checklist ou "cola" que a pessoa queira guardar. Termine com uma frase pedindo para salvar, ligada ao uso futuro ("Salva para conferir antes de gravar o próximo vídeo").

用 3 到 5 行总结全部内容，采用清单或便于用户收藏的“速记”形式。以一句与未来使用场景相关的保存请求结尾（“收藏起来，在录制下一条视频前先核对一下”）。

Último slide: CTA

最后一张幻灯片：CTA

Uma única ação, a que a pessoa definiu na entrevista. Escreva exatamente o que fazer ("Comenta PALAVRA e eu te mando"), não "se quiser, talvez". Se o CTA é comentar uma palavra, a palavra aparece em destaque.

只设置一个行动，即访谈中确定的那个。清楚写出用户应该做什么（“评论 PALAVRA，我就发给你”），不要写“如果你愿意，也许……”。如果 CTA 是评论一个词，应将该词突出显示。

Etapa 4. Gere o HTML e exporte os PNGs

第 4 步：生成 HTML 并导出 PNG

Crie uma pasta de trabalho no projeto atual:
```
carrossel-<tema-curto>/
```
.

Copie

templates/carrossel.html

(da pasta desta skill) para essa pasta como

carrossel.html

scripts/exportar.mjs

para

exportar.mjs

Edite o HTML:
- Paleta e fontes: só no bloco
```
:root
```
  no topo do
```
<style>
```
  (
```
--bg
```
  ,
```
--fg
```
  ,
```
--muted
```
  ,
```
--destaque
```
  ,
```
--card
```
  ,
```
--fonte-titulo
```
  ,
```
--fonte-texto
```
  ). Para trocar de fonte, troque também o
```
<link>
```
  do Google Fonts. Se a pessoa deu hex de marca, aplique; senão mantenha a paleta do template ou proponha uma que combine com o nicho, sempre com contraste alto entre texto e fundo.
- Slides: um
```
<section class="slide">
```
  por slide. O template traz exemplos de capa, número grande, lista em cartão, slide de salvar e CTA. Duplique, remova e reordene.
- Atualize o
```
@perfil
```
  e a numeração
```
1/N
```
  em todos os slides.
- Cada slide é exatamente 1080x1350. Não altere
```
.slide
```
  .
- Imagem do usuário (foto, print, logo): embuta em base64 (
```
data:image/...
```
  ) ou use caminho relativo na mesma pasta, nunca caminho absoluto de outro lugar.
Instale o Playwright uma vez na pasta de trabalho:
bash
```
npm init -y >/dev/null && npm i playwright
npx playwright install chromium
```
Se o computador já tem o Google Chrome, o
```
npx playwright install chromium
```
pode ser pulado: o script usa o Chrome como alternativa. Requer Node 18 ou mais novo.

Exporte:

bash

node exportar.mjs carrossel.html out

Gera

out/slide-01.png

out/slide-02.png

... em 1080x1350. Opções:

--seletor ".slide"

(padrão) e

--escala 2

(dobra a resolução, só se precisar).

Confira os PNGs de verdade: abra a capa, um slide de conteúdo e o último. Verifique texto cortado ou estourando a margem, contraste, acentuação e se a capa passa no teste de 2 segundos. Corrija e reexporte até estar certo.

在当前项目中创建工作文件夹：
```
carrossel-<tema-curto>/
```
。
将此 skill 所在文件夹中的
```
templates/carrossel.html
```
复制到工作文件夹并命名为
```
carrossel.html
```
，将
```
scripts/exportar.mjs
```
复制并命名为
```
exportar.mjs
```
。
编辑 HTML：
- 调色板和字体：只能在顶部
```
<style>
```
  的
```
:root
```
  块中修改（
```
--bg
```
  、
```
--fg
```
  、
```
--muted
```
  、
```
--destaque
```
  、
```
--card
```
  、
```
--fonte-titulo
```
  、
```
--fonte-texto
```
  ）。如需更换字体，也要替换 Google Fonts 的
```
<link>
```
  。如果用户提供了品牌 hex 色，就应用该颜色；否则保留模板的调色板，或提出一套与细分领域匹配的配色，并始终确保文字与背景之间具有高对比度。
- 幻灯片：每张幻灯片对应一个
```
<section class="slide">
```
  。模板提供了封面、大号数字、卡片式列表、收藏幻灯片和 CTA 的示例。根据需要复制、删除并重新排序。
- 更新所有幻灯片中的
```
@perfil
```
  和
```
1/N
```
  编号。
- 每张幻灯片必须正好为 1080x1350。不要修改
```
.slide
```
  。
- 用户图片（照片、截图、logo）：以 base64（
```
data:image/...
```
  ）嵌入，或使用同一文件夹中的相对路径，绝不要使用其他位置的绝对路径。
在工作文件夹中一次性安装 Playwright：
bash
```
npm init -y >/dev/null && npm i playwright
npx playwright install chromium
```
如果计算机已经安装 Google Chrome，可以跳过
```
npx playwright install chromium
```
，因为脚本会将 Chrome 作为替代方案。需要 Node 18 或更高版本。
导出：
bash
```
node exportar.mjs carrossel.html out
```
将生成
```
out/slide-01.png
```
、
```
out/slide-02.png
```
……，尺寸为 1080x1350。可选参数包括
```
--seletor ".slide"
```
（默认值）和
```
--escala 2
```
（将分辨率扩大一倍，仅在确有需要时使用）。
务必实际检查 PNG 文件：打开封面、一张内容幻灯片和最后一张。检查文字是否被截断或溢出边距、对比度、重音符号，以及封面是否通过 2 秒测试。修正并重新导出，直到完全正确。

Etapa 5. Entregue

第 5 步：交付

Responda com:

O caminho da pasta
```
out/
```
e a lista dos PNGs.
Uma legenda curta sugerida (se a pessoa tiver a skill
```
legenda
```
, sugira usá-la para a legenda completa).
Uma linha dizendo como postar: enviar os PNGs na ordem, no formato de carrossel do app.

回复时包括：

```
out/
```
文件夹的路径和 PNG 文件列表。
一段建议的简短说明文字（如果用户拥有
```
legenda
```
skill，可以建议使用它生成完整说明文字）。
一行发布说明：按顺序上传 PNG，并在应用中选择轮播图格式发布。

Regras de qualidade

质量规则

Nenhuma promessa que o conteúdo não cumpre. A capa promete, o miolo entrega.
Nada de número, estudo ou resultado inventado.
Texto mínimo de 38 px no slide exportado; títulos muito maiores. Se não cabe, corte palavras, não diminua a fonte.
Acentuação correta em português do Brasil em todos os slides.
Marca da pessoa, não a sua: nunca insira nome, @ ou logo que ela não informou.

不做任何内容无法兑现的承诺。封面作出承诺，正文必须兑现承诺。
不捏造任何数字、研究或结果。
导出后的幻灯片正文字号不得小于 38 px，标题字号应明显更大。如果内容放不下，应删减文字，而不是缩小字号。
所有幻灯片均应使用正确的巴西葡萄牙语重音符号。
始终体现用户自己的品牌，而不是你的品牌：绝不要插入用户未提供的姓名、@ 或 logo。