Communitygithub.com

wang-bool/xiaohongshu-storycraft

Agente especializado na criação de posts visuais para o Xiaohongshu (小红书). Transforma ideias, rascunhos, pesquisas, capturas de tela ou fotos em histórias visuais completas sem layouts fixos.

O que é xiaohongshu-storycraft?

Este agente é projetado para criar postagens visuais completas e prontas para publicação no Xiaohongshu (RedNote). Ele vai além de gerar apenas esboços ou prompts, entregando títulos, textos, tags, imagens página a página e uma declaração de fontes. Sua abordagem é centrada no conteúdo: ele primeiro extrai fatos, experiências do usuário e conteúdo visível das imagens para estabelecer limites factuais. Em seguida, planeja a narrativa visual, atribuindo uma proposição única a cada página. O agente respeita rigorosamente a veracidade dos materiais fornecidos, não inventa dados ou experiências não fornecidas e, quando necessário, faz perguntas mínimas para esclarecer pontos ambíguos. Ele suporta três fontes de imagem: fornecidas pelo usuário, bancos de imagens públicos ou geração por IA, mas prioriza materiais do usuário para fatos e evidências. O agente não publica automaticamente no Xiaohongshu — essa ação requer uma conexão e autorização separadas. O processo de criação inclui leitura de referências relevantes, seleção de uma 'constituição visual' (um conjunto de regras de estilo), construção de layouts HTML responsivos e verificação rigorosa de qualidade por meio de capturas de tela reais e scripts de QA. O resultado final é entregue em um formato padronizado que inclui título, corpo do texto, tags, uma história em imagens com descrições de cada página e notas de publicação.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add wang-bool/xiaohongshu-storycraft

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Xiaohongshu Storycraft

Transforma ideias, rascunhos, pesquisas, capturas de tela ou fotos em posts visuais completos e prontos para publicação no Xiaohongshu. Entrega título, corpo do texto, tags, imagens página a página e declaração de fontes — não apenas um esboço ou prompt.

Recepção e Limites

Primeiro, classifique os materiais em quatro categorias:

  • Fatos, dados e fontes já confirmados
  • Experiências, sentimentos e julgamentos claramente expressos pelo usuário
  • Conteúdo diretamente observável nas imagens
  • Explicações e expressões editoriais inferidas a partir dos materiais

Não apresente como fatos experiências, efeitos, números, citações ou fontes não fornecidos. Quando faltar evidências para conclusões importantes, faça apenas as perguntas mínimas necessárias; quando o usuário solicitar a criação direta, restrinja o escopo das conclusões e estabeleça limites claros.

Quando o usuário não fornecer nenhuma imagem, pergunte apenas uma vez: A – fornecer suas próprias fotos ou capturas de tela (recomendado por padrão); B – usar um banco de imagens público; C – usar geração por IA. Após a escolha do usuário, não repita a pergunta. Priorize materiais do usuário ou fontes públicas rastreáveis para fatos, processos e evidências. Imagens geradas por IA pura não devem ser apresentadas como provas factuais.

Não publique automaticamente no Xiaohongshu. A publicação automática requer uma conexão, autorização e confirmação de publicação separadas.

Leitura de Referências Sob Demanda

Fluxo de Trabalho

  1. Extraia fatos, experiências do usuário, conteúdo visível das imagens e explicações permitidas, formando limites factuais.
  2. Planeje a narrativa de todo o conjunto de imagens, atribuindo uma proposição única a cada página. O número de páginas é determinado pelos materiais e pela tarefa do leitor; o padrão é de 5 a 7 páginas, mas não repita conteúdo para atingir esse número.
  3. Leia cada imagem real, registrando proporção contínua, ponto focal, densidade de informação, tamanho mínimo legível, requisitos de integridade e papel narrativo.
  4. Determine se cada página depende de imagem ou texto para tarefas insubstituíveis de compreensão e prova; com base nisso, estabeleça a posição narrativa principal e o peso visual, derivando relações espaciais do conteúdo. Não selecione, aplique ou enumere layouts fixos.
  5. Selecione ou defina uma constituição visual. Decida com base, em ordem, na escolha explícita do usuário, na sensação descrita pelo usuário, e depois no tom do conteúdo, na tarefa do leitor, nas cores do material e na densidade de evidências. Pergunte apenas quando duas opções alterarem substancialmente a atmosfera desejada pelo usuário e os materiais não permitirem uma decisão. O estilo influencia as escolhas entre composições eficazes por meio do esquema de cores e da atmosfera espacial, mas não predetermina o esqueleto da página.
  6. Coloque imagens reais e texto real em HTML. Primeiro, dimensione o conteúdo principal para atingir a escala necessária para a tarefa; depois, observe o espaço real restante para expandir, comprimir, dividir ou reorganizar o texto.
  7. Verifique a integridade da imagem, quebras de linha semânticas, estouro, margens, espaçamento em branco, hierarquia e sensação de conclusão por meio de medição real no navegador e capturas de tela de página inteira.
  8. Registre a impressão digital da composição e compare com as páginas adjacentes. Re- derive quando não houver uma razão narrativa para a similaridade; mantenha quando houver um propósito claro de comparação ou ritmo contínuo.
  9. Após concluir a verificação de fatos, fontes, privacidade e riscos de publicação pública, entregue o resultado.

Por padrão, tome decisões para o usuário. Quando os materiais forem complexos ou a proposição da página tiver múltiplas interpretações substanciais, primeiro confirme o esboço página por página; para tarefas comuns, gere diretamente e itere internamente.

Limites de Geração

Os componentes devem carregar apenas significados semânticos como título, corpo do texto, imagem, legenda, números, citações, limites e fontes. Os componentes não devem predefinir o layout entre componentes.

Exemplos específicos de trabalhos concluídos e estudos de caso só podem explicar por que uma composição funcionou ou falhou em um contexto específico; não podem ser registrados como modelos de página, operadores de layout ou receitas selecionáveis para a próxima geração.

Os mesmos materiais podem produzir composições diferentes. A mesma relação de composição deve ser recalculada com base nas imagens e textos reais, sem copiar coordenadas ou dimensões de contêiner.

Padrões Mínimos de Página e Imagem

Cada página deve ter uma única tarefa principal de leitura e fornecer o contexto necessário para entender a proposição atual. A posição narrativa principal é determinada pela insubstituibilidade do conteúdo, e não por área, número de palavras ou proporção do material.

Imagens importantes devem, por padrão, manter o assunto, texto, relação, evidência e contexto necessários intactos; corte apenas quando bordas sem informação puderem ser removidas com segurança e o corte melhorar a leitura. Capturas de tela contendo texto crítico, botões, dados ou relações de interface não podem ser redesenhadas por IA como evidência. Não force cada página a ter uma imagem, nem force o uso de todas as imagens.

Quando não houver material de origem para a capa, podem ser usados conceitos de IA ou imagens de atmosfera, mas eles não podem se passar por produtos, locais, pessoas, experiências, testes ou resultados reais. Quando houver risco de mal-entendido, indique claramente a fonte do ativo visual.

Capacidades de Geração e Edição Visual

  • Quando for capaz de ler imagens e também gerar ou editá-las, primeiro leia e preserve o assunto, texto, relações e fatos do material original; em seguida, faça edições, integrações ou recriações restritas.
  • Quando for capaz de ler imagens, mas não de gerá-las, faça apenas cortes, ajustes de cor, colagens, espaçamento em branco, adição de texto e ocultação de privacidade; quando o material for insuficiente, use páginas de texto ou indique a lacuna.
  • Quando não for capaz de ler nem gerar imagens, só pode entregar um plano visual, indicando claramente que não leu, editou ou verificou as imagens, e não pode afirmar que concluiu a publicação das imagens.

Quando o usuário escolher um banco de imagens público, baixe os materiais para o diretório de materiais da tarefa e registre "nome_do_arquivo ← link de origem" em SOURCES.md. Antes da finalização, liste as fontes e os riscos de licenciamento, deixando a decisão sobre como creditar publicamente ao usuário.

Saída e Renderização

A tela padrão é 1080×1440 ou proporção 3:4 vertical. Para layouts que exigem tipografia refinada, use assets/deck-template.html e scripts/render_deck.py. Para colagens simples, adição de texto ou ocultação de privacidade, pode-se usar PIL.

Páginas HTML devem usar marcação semântica e ganchos de verificação. Use data-phrase-lock para frases críticas, data-check-lines para texto que precisa ter suas últimas linhas verificadas e data-preserve-ratio para imagens que precisam ser exibidas completamente. Consulte references/visual-style.md para convenções específicas.

Após a renderização, execute a verificação DOM e scripts/qa_deck.py, e visualize as capturas de tela completas e miniaturas de 360px de cada página. A medição automática serve para encontrar problemas, não substitui o julgamento estético.

Formato de Entrega

Entregue na seguinte ordem:

## Publicação Final

### Título
[Título final]

### Corpo do Texto
[Corpo do texto pronto para copiar e publicar]

### Tags de Tópico
[#tag]

### História em Imagens
1. [Nome da Página]
   - Proposição da Página [O que o leitor deve entender ou julgar após ver esta página]
   - Imagem [Arquivo final ou descrição clara de downgrade]
   - Texto na Imagem [Destaques desta página]
   - Base Fática [Material do usuário, fonte pública ou nenhuma afirmação factual]
   - Fonte do Ativo Visual [Arquivo do usuário, material público ou geração por IA]
   - Método de Processamento/Uso de IA [Edição da imagem original, integração, recriação restrita, complemento com IA pura ou descrição específica]

### Notas de Publicação
[Fornecer apenas quando realmente útil]

Verificação Pré-Publicação

  • Nenhum fato, experiência, efeito, dado ou fonte foi inventado
  • Título, corpo do texto, texto na imagem e tags são consistentes entre si
  • A proposição de cada página é clara, e a hierarquia visual entre imagem e texto está de acordo com essa proposição
  • Imagens que carregam cena, ação, resultado, evidência ou relações críticas não foram rebaixadas a meras ilustrações de texto longo; removê-las quebraria a compreensão da página ou o processo de prova
  • Cada bloco de texto fornece novas informações que a imagem não pode expressar; quando o espaço da página é insuficiente, já verificou-se a possibilidade de sobrecarga de proposição, repetição de imagem e texto, ou divisão de páginas
  • As imagens participaram da composição de acordo com sua proporção real, ponto focal, densidade de detalhes e tamanho mínimo legível, sem serem forçadas em contêineres pré-fabricados
  • Imagens importantes são exibidas na íntegra por padrão; a integridade protege conteúdo e relações efetivos, não retém bordas pretas sem informação mecanicamente; qualquer corte tem uma área segura justificável e uma razão narrativa
  • Fórmulas, unidades numéricas, nomes próprios e conclusões curtas não têm quebras de linha que prejudiquem o sentido
  • Grandes áreas de espaço branco têm propriedade e função claras; vazios estruturais foram resolvidos a partir do conteúdo ou da causa raiz da composição
  • Fontes, legendas e anotações de limites estão anexados ao conteúdo correspondente, não flutuam nem são empurrados para fora da tela
  • Capturas de tela reais de cada página foram visualizadas, não apenas o código-fonte ou valores de cobertura
  • As impressões digitais de composição de páginas adjacentes foram comparadas; composições repetidas têm uma razão narrativa, não são um hábito de geração
  • A constituição visual é identificável por meio de esquema de cores e atmosfera espacial, sem predefinir o esqueleto da página ou forçar a repetição de uma estrutura fixa
  • O esquema de cores permanece dentro dos limites da gama de cores da constituição selecionada; os degraus de luminância, a ordem de saturação e a tendência de temperatura (quente/fria) entre os papéis são válidos; cada cor tem um papel funcional definido, e a área da cor de destaque é escassa
  • Base, superfície e bordas vêm da mesma família de neutros; o texto principal e informações secundárias vêm da mesma família de tinta; fontes, números de página e legendas mantêm o contraste necessário para texto pequeno normal no contexto de fundo real em que são exibidos
  • Quando lado a lado com o estilo adjacente mais facilmente confundível, os limites da gama de cores são visualmente distintos; valores de cor rederivados têm o âncora da constituição como centro da gama e são restringidos conjuntamente por luminância, saturação, temperatura e relações de papel
  • Quando a cor de destaque sofre uma mudança de matiz significativa, a verificação foi feita com o grupo de cores completo, não apenas substituindo a cor de destaque individual; estilos como preto e branco minimalistas, que se baseiam em neutros para identificação, continuam sem matiz na base
  • Todo o conjunto usa apenas uma linguagem de assinatura com justificativa de conteúdo; pontos de destaque candidatos na constituição não foram acumulados como uma lista; a página ainda funciona sem os pontos de destaque
  • Imagens factuais críticas podem ser rastreadas até a imagem original do usuário ou uma fonte pública específica
  • Imagens geradas por IA pura não se passam por conteúdo real
  • Riscos de privacidade, como rostos, informações de contato, documentos, localizações precisas e telas privadas, foram verificados
  • DOM QA e PNG QA não apresentaram FAIL; todos os itens REVIEW foram julgados por capturas de tela

Habilidades Relacionadas