Communitygithub.com

Shieldnyumonitor/guizang-social-card-skill-296

🪧 Skill para Claude Code / Codex — gera carrosséis do Xiaohongshu e pares de capas 21:9+1:1 do WeChat. Sistemas visuais editoriais × suíços, 28 layouts, 10 temas, HTML → PNG em arquivo único. 小红书图文 + 公众号封面

O que é guizang-social-card-skill-296?

Este skill para Claude Code e Codex automatiza a geração de conteúdo visual para redes sociais chinesas, especificamente carrosséis do Xiaohongshu (小红书) e pares de capas do WeChat (公众号) nos formatos 21:9 e 1:1. Baseado em um sistema visual editorial que combina estética suíça com layouts modernos, oferece 28 templates de layout e 10 temas de cores predefinidos. O skill opera completamente em um único arquivo HTML que, quando aberto em um navegador ou processado, gera imagens PNG de alta qualidade. É especialmente útil para criadores de conteúdo, profissionais de marketing e desenvolvedores que precisam produzir materiais visuais consistentes e profissionais rapidamente, eliminando a necessidade de ferramentas de design complexas. A integração com Claude Code e Codex permite que comandos em linguagem natural acionem a geração de diferentes variações de design diretamente do terminal ou do editor de código.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add Shieldnyumonitor/guizang-social-card-skill-296

Perguntar na sua IA favorita

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

Documentação

O que guizang-social-card-skill-296 faz?

🪧 Skill para Claude Code / Codex — gera carrosséis do Xiaohongshu e pares de capas 21:9+1:1 do WeChat. Sistemas visuais editoriais × suíços, 28 layouts, 10 temas, HTML → PNG em arquivo único. 小红书图文 + 公众号封面

Visão Geral

Este skill permite a geração automatizada de cards visuais para redes sociais chinesas utilizando Claude Code ou Codex. Ele transforma um único arquivo HTML em imagens PNG prontas para publicação no Xiaohongshu (小红书) e WeChat (公众号).

Funcionalidades

  • Suporte a plataformas: Xiaohongshu (carrosséis) e WeChat (capas 21:9 + 1:1)
  • Sistemas visuais: Estética editorial combinada com design suíço
  • Variedade: 28 layouts pré-definidos e 10 temas de cores
  • Formato de saída: PNG de alta qualidade via HTML único
  • Integração: Funciona com Claude Code e Codex via comandos naturais

Como Usar

  1. Certifique-se de que o Claude Code ou Codex está configurado
  2. Acione o skill com um comando como:
Gere um carrossel do Xiaohongshu com o tema "primavera" e layout moderno.
  1. O skill produzirá um arquivo HTML contendo o design completo
  2. Converta o HTML para PNG utilizando uma ferramenta como Puppeteer ou abrindo no navegador e capturando a tela

Personalização

  • Temas: Use --theme <nome> para escolher entre os 10 temas disponíveis
  • Layouts: Especifique --layout <número> para selecionar um dos 28 layouts
  • Proporção: Defina --aspect 21:9 ou --aspect 1:1 para capas do WeChat

Exemplos

# Gerar capa do WeChat no formato 21:9 com layout 5
claude generate --skill guizang-social-card --aspect 21:9 --layout 5 --theme escuro

Requisitos

  • Claude Code ou Codex
  • Navegador moderno ou Puppeteer para renderização

Habilidades Relacionadas