Repolode
Enviar
helloianneo

helloianneo/ian-xhs-carousel

Skill de Claude Code que convierte artículos, casos de estudio o notas en carruseles de estilo Xiaohongshu de 3:4, con páginas PNG de 1080×1440 y 20 plantillas de diseño.

Ver en GitHubSitio web
Estrellas
92
Forks
7
Issues abiertos
0
Último commit
hace 8 horas

¿Qué es?

Ian XHS Carousel es un Skill de IA para Claude Code que convierte contenido escrito en una serie de publicaciones de imágenes para Xiaohongshu (RedNote), con un estilo limpio inspirado en interfaces de productos. Proporcionas el contenido y primero genera un guion gráfico para que lo confirmes; luego organiza y renderiza las páginas.

El resultado incluye una tabla con el guion gráfico, un PNG de 1080×1440 por página, una imagen de vista general con todas las páginas y archivos HTML editables. Las variantes clara y oscura comparten los mismos diseños. El proyecto ofrece 20 plantillas agrupadas según su propósito, que incluyen portadas, listas de pasos, comparaciones del antes y el después, muestras de capturas de pantalla, métricas de datos, visualización de código y prompts, y diapositivas de cierre. El usuario escribe por separado los títulos de las publicaciones, el texto principal y los hashtags.

El renderizado utiliza Python con Playwright y Pillow, y Chromium se instala mediante Playwright. Está pensado para usuarios de Claude; el proyecto señala que no es adecuado para estilos de póster dibujados a mano, ilustrados o con grandes bloques de color.

Funciones clave

  • 01Genera un guion gráfico para confirmar antes de renderizar las páginas.
  • 02Genera páginas PNG de 1080×1440 y una imagen de vista general.
  • 03Ofrece 20 plantillas con temas claros y oscuros.
  • 04Exporta el código fuente HTML editable para modificar manualmente el texto o las imágenes.
  • 05Se instala como una carpeta de Skill de Claude Code.

Casos de uso

  • Convertir una publicación de blog o un caso de estudio en una publicación de imágenes de varias páginas para Xiaohongshu.
  • Mostrar capturas de pantalla, pasos o comparaciones del antes y el después con un estilo visual uniforme.
  • Crear contenido tecnológico o de productos con fragmentos de código o prompts en diapositivas de carrusel.

Inicio rápido

  1. 1

    Clona el repositorio

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

    Crea la carpeta de skills de Claude Code

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

    Copia la carpeta de skills en Claude Code

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

    Instala las herramientas de renderizado (después, ejecuta playwright install chromium)

    pip install playwright pillow

Antes de usarlo

  • Está diseñado para funcionar mejor con Claude y es una Claude Code Skill, no una aplicación independiente.
  • El renderizado descarga fuentes para inglés y código desde internet, por lo que necesita conexión a la red.
  • Solo es adecuado para un estilo de interfaz de producto limpio; no para diseños dibujados a mano, ilustrados o de estilo póster.

Temas

#claude-code#claude-skill#xiaohongshu#carousel#design#content-creation#html-to-image#ai-agent#chinese

Preguntas frecuentes

¿Qué es ian-xhs-carousel?
Skill de Claude Code que convierte artículos, casos de estudio o notas en carruseles de estilo Xiaohongshu de 3:4, con páginas PNG de 1080×1440 y 20 plantillas de diseño. Ian XHS Carousel es un Skill de IA para Claude Code que convierte contenido escrito en una serie de publicaciones de imágenes para Xiaohongshu (RedNote), con un estilo limpio inspirado en interfaces de productos. Proporcionas el contenido y primero genera un guion gráfico para que lo confirmes; luego organiza y renderiza las páginas.
¿ian-xhs-carousel es gratuito? ¿Qué licencia tiene?
ian-xhs-carousel es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿ian-xhs-carousel sigue mantenido?
Mantenimiento activo. El último commit de ian-xhs-carousel fue el 21 oct 2026.
¿Para qué puedo usar ian-xhs-carousel?
Convertir una publicación de blog o un caso de estudio en una publicación de imágenes de varias páginas para Xiaohongshu. Mostrar capturas de pantalla, pasos o comparaciones del antes y el después con un estilo visual uniforme. Crear contenido tecnológico o de productos con fragmentos de código o prompts en diapositivas de carrusel.
¿Cómo se instala ian-xhs-carousel?
Clona el repositorio: git clone https://github.com/helloianneo/ian-xhs-carousel.git Crea la carpeta de skills de Claude Code: mkdir -p ~/.claude/skills Copia la carpeta de skills en Claude Code: cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/ Instala las herramientas de renderizado (después, ejecuta playwright install chromium): pip install playwright pillow
¿Dónde consigo ian-xhs-carousel?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/helloianneo/ian-xhs-carousel

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados