Repolode
helloianneo

helloianneo/ian-xhs-carousel

Uma Skill do Claude Code que transforma artigos, estudos de caso ou anotações em carrosséis no estilo Xiaohongshu, com páginas PNG 3:4 de 1080×1440 e 20 templates de layout.

Estrelas
92
Forks
7
Issues abertas
0
Último commit
há 8 horas

O que é?

Ian XHS Carousel é uma Skill de IA para Claude Code que converte conteúdo escrito em uma série de posts com imagens para Xiaohongshu (RedNote), em um estilo visual limpo inspirado em interfaces de produtos. Você fornece o conteúdo; primeiro, a ferramenta cria um storyboard para você aprovar e, em seguida, organiza e renderiza as páginas.

A saída inclui uma tabela com o storyboard, um PNG de 1080×1440 por página, uma imagem de visão geral com todas as páginas e arquivos HTML editáveis. As versões clara e escura usam os mesmos layouts. O projeto oferece 20 templates agrupados por finalidade, incluindo capas, listas de etapas, comparações de antes e depois, destaques de capturas de tela, métricas de dados, exibição de código e prompts e slides de encerramento. O usuário escreve separadamente os títulos, o texto principal e as hashtags dos posts.

A renderização usa Python com Playwright e Pillow, e o Chromium é instalado pelo Playwright. A ferramenta foi pensada para usuários do Claude; o projeto observa que ela não é adequada para estilos de pôster com aparência desenhada à mão, ilustrados ou com grandes blocos de cor.

Recursos principais

  • 01Gera um storyboard para aprovação antes de renderizar as páginas.
  • 02Gera páginas PNG de 1080×1440 e uma imagem de visão geral.
  • 03Oferece 20 templates nos temas claro e escuro.
  • 04Exporta arquivos HTML editáveis para alterações manuais de texto ou imagem.
  • 05É instalado como uma pasta de skill do Claude Code.

Casos de uso

  • Transformar uma publicação de blog ou um estudo de caso em um post de imagens de várias páginas para Xiaohongshu.
  • Apresentar capturas de tela, etapas ou comparações de antes e depois com um estilo visual consistente.
  • Criar conteúdo de tecnologia ou produtos com trechos de código ou prompts nos slides do carrossel.

Início rápido

  1. 1

    Clone o repositório

    git clone https://github.com/helloianneo/ian-xhs-carousel.git
  2. 2

    Crie a pasta de skills do Claude Code

    mkdir -p ~/.claude/skills
  3. 3

    Copie a pasta de skills para o Claude Code

    cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/
  4. 4

    Instale as ferramentas de renderização (em seguida, execute playwright install chromium)

    pip install playwright pillow

Antes de usar

  • Foi desenvolvido para funcionar melhor com o Claude e é uma Claude Code Skill, não um aplicativo independente.
  • A renderização baixa fontes para inglês e código pela internet, por isso é necessário ter conexão com a rede.
  • É adequado apenas para um estilo de interface de produto clean, não para designs desenhados à mão, ilustrados ou no estilo de pôster.

Tópicos

Perguntas frequentes

O que é ian-xhs-carousel?
Uma Skill do Claude Code que transforma artigos, estudos de caso ou anotações em carrosséis no estilo Xiaohongshu, com páginas PNG 3:4 de 1080×1440 e 20 templates de layout. Ian XHS Carousel é uma Skill de IA para Claude Code que converte conteúdo escrito em uma série de posts com imagens para Xiaohongshu (RedNote), em um estilo visual limpo inspirado em interfaces de produtos. Você fornece o conteúdo; primeiro, a ferramenta cria um storyboard para você aprovar e, em seguida, organiza e renderiza as páginas.
ian-xhs-carousel é gratuito? Qual é a licença?
ian-xhs-carousel é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ian-xhs-carousel ainda é mantido?
Manutenção ativa. O último commit de ian-xhs-carousel foi em 21 de out. de 2026.
Para que posso usar ian-xhs-carousel?
Transformar uma publicação de blog ou um estudo de caso em um post de imagens de várias páginas para Xiaohongshu. Apresentar capturas de tela, etapas ou comparações de antes e depois com um estilo visual consistente. Criar conteúdo de tecnologia ou produtos com trechos de código ou prompts nos slides do carrossel.
Como instalar ian-xhs-carousel?
Clone o repositório: git clone https://github.com/helloianneo/ian-xhs-carousel.git Crie a pasta de skills do Claude Code: mkdir -p ~/.claude/skills Copie a pasta de skills para o Claude Code: cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/ Instale as ferramentas de renderização (em seguida, execute playwright install chromium): pip install playwright pillow
Onde consigo ian-xhs-carousel?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/helloianneo/ian-xhs-carousel

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados