card-xiaohongshu
Ajuda seu agente a fazer cartões de conhecimento no estilo Xiaohongshu. É útil para criar sequências de cartões que as pessoas podem deslizar.
O que ela faz
Cria um conjunto de cartões visuais, como os vistos no aplicativo Xiaohongshu, para apresentar informações de forma organizada e atraente. Funciona como um carrossel que você pode 'deslizar' para ver cada cartão.
Quando usar
- ✓Para compartilhar dicas rápidas sobre um hobby.
- ✓Para explicar um conceito simples em passos.
- ✓Para apresentar um produto ou serviço de forma visual.
Exemplo do que pedir para a IA
“Crie um carrossel de cartões sobre como cuidar de plantas de interior.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A IA organiza suas informações em várias 'páginas' (cartões). A primeira página é a capa com um título chamativo. As páginas seguintes explicam cada ponto com texto e emojis. A última página resume tudo e sugere uma ação.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill card-xiaohongshuOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/card-xiaohongshu/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
【Modelo: Cartão de Imagem e Texto do Xiaohongshu】
- Produza N cartões contínuos, cada um
w-[1080px] h-[1440px], organizados verticalmente com flex para facilitar a captura de tela geral e individual. N é determinado pela quantidade de informação no [Conteúdo do Usuário]: conteúdo curto a partir de 3-6 cartões, conteúdo longo deve ter mais (o Xiaohongshu permite no máximo 18 imagens por post, geralmente até 9 é o ideal); cada cartão deve conter apenas um ponto central. - O primeiro cartão é a capa: título grande + 1 linha de subtítulo + uma tag atraente (como "Alerta de Conteúdo Valioso" / "Recomendado Salvar").
- Os cartões do meio expandem o corpo do texto, cada um com um ponto central, acompanhado de emoji + frase curta + 1-2 exemplos.
- O último cartão é um resumo + chamada para ação (seguir / salvar / comentar).
- Esquema de cores: escolha cores suaves Morandi ou tons de rosa; elementos arredondados, bastante espaço em branco.
- Tamanho da fonte grande, espaçamento entre linhas amplo, alto contraste (no celular, letras pequenas são ilegíveis no Xiaohongshu).
- Pequena marca d'água no canto inferior direito de cada cartão (nome do autor / data).
Perguntas frequentes
Quantos cartões a IA cria?
Depende da quantidade de informação que você der. Para pouca informação, cria de 3 a 6 cartões. Para mais informação, cria mais, mas geralmente até 9 cartões é o ideal.
Como são as cores e o visual?
As cores são suaves (tons pastel ou rosa) e os elementos são arredondados. Há bastante espaço em branco para facilitar a leitura, com letras grandes e espaçadas.
O que vai no último cartão?
O último cartão serve para resumir o conteúdo e incentivar o leitor a fazer algo, como te seguir, salvar o post ou comentar.
Detalhes
Descrição original do autor
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #533
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC