carrusel-instagram

Publicaciones de carrusel para Instagram

Convierte un tema, guión o enlace en un carrusel de Instagram listo para publicar: una portada que detiene el scroll, de 5 a 9 diapositivas que cada una transmite una idea, y un pie de foto en inglés e hinglish. Creado para una página de creador ingeniero de software (noticias tech, novedades de IA, consejos de ingeniería para estudiantes), pero funciona para cualquier tema tecnológico.

0. Valores predeterminados (cámbialos si el usuario dice lo contrario)

Configuración	Predeterminado
Handle	@decodedebangi
Tamaño	1080 × 1350 px (formato vertical de Instagram 4:5)
Diapositivas	6–9 (portada + contenido + CTA)
Estilo	el que nombre el usuario, si no Editorial
Idioma	diapositivas en inglés; pies de foto en inglés e hinglish
Fotos	ninguna a menos que el usuario las proporcione — nunca dejes marcadores de posición de foto vacíos en una publicación final

Los archivos de estilo están en styles/. Lee solo el que estés usando:

Estilo	Archivo	Mejor para
Editorial	styles/editorial.md	explicaciones, hojas de ruta, "cómo funciona X"
Sticker	styles/sticker.md	consejos divertidos, flujos de trabajo de herramientas, "mi setup"
Dark tech-news	styles/dark-tech.md	resúmenes semanales, noticias de seguridad, lanzamientos
Minimal notebook	styles/minimal-notebook.md	apuntes de estudio, conceptos para estudiantes, chuletas
Bold pastel	styles/bold-pastel.md	opiniones contundentes, mitos vs realidades, estadísticas únicas grandes

Cada archivo de estilo tiene tokens, componentes y reglas de diseño; templates/<style>.html tiene una diapositiva de portada y de contenido funcional para copiar.

1. Recepción

Empieza a construir una vez que tengas un tema o guión. Pregunta (una vez, en un solo mensaje) solo por lo que falte y sea relevante: estilo, número de diapositivas, idioma. No preguntes por fotos — ofrécete a añadirlas después.

Primero verifica el formato. Un carrusel es adecuado para una idea con secuencia que merezca releerse: pasos, un marco, un antes y después, una lista para capturar de pantalla. Si la idea es una sola afirmación, o necesita movimiento o un rostro, díselo y sugiere un reel. Construye el carrusel de todos modos si el usuario aún lo quiere.

2. Investigación y verificación de hechos (no lo omitas)

• El usuario pegó un guión/publicación: usa su contenido, pero lee cualquier enlace que dé. Verifica cada número, nombre y afirmación contra la fuente antes de que aparezca en una diapositiva.
• ¿Quién está hablando? Si la fuente está escrita por alguien que promociona su propio producto ("esto es lo que construí"), díselo al usuario antes de construir, y en las diapositivas atribuye las afirmaciones y benchmarks a ellos ("según su propia prueba"), nunca las presentes como un hecho neutral. Pregunta si el usuario quiere una publicación promocional o una explicación — a menudo quieren la explicación.
• Hechos de productos (Claude Code, APIs, herramientas): obténlos de la documentación oficial, no de la memoria. Los comandos, límites y funciones cambian.
• Números auto-reportados deben etiquetarse como tales. Sin estadísticas inventadas, sin relleno.
• Los ejemplos ilustrativos (un mensaje de error falso, una ruta de ejemplo) están bien solo si le dices al usuario que son ejemplos.
• Señala las discrepancias entre el guión del usuario y la fuente (por ejemplo, "el blog enumera 7 capas, tu portada dice 6") en lugar de elegir una silenciosamente.

3. Planifica las diapositivas

1. Portada — debe ser comprensible para alguien que nunca ha oído la jerga. Lidera con el dolor o la curiosidad del lector ("por qué tu agente de IA olvida cosas"), no con el término técnico ("la compactación es la solución incorrecta"). Prueba: ¿podría un estudiante de 2.º de informática entender de qué trata la publicación en 2 segundos? Ofrece 3–4 opciones de texto de portada cuando el usuario no esté seguro; recomienda una.
2. Diapositiva 2, el segundo gancho — por qué esto importa, en una oración. Instagram puede mostrar un carrusel de nuevo empezando desde una diapositiva posterior, así que esta debe funcionar como portada por sí sola. No puede ser introducción o antecedentes.
3. Diapositivas de contenido — una idea cada una: un titular (≤ 6 palabras, el punto de la diapositiva) + 2–4 puntos cortos o un número grande. Los números que importan llevan el tipo gigante.
4. Gancho medio — un par "el truco" / "la solución" mantiene a la gente deslizando.
5. Diapositiva de resumen — toda la publicación como una lista corta o chuleta, legible sin contexto, porque esta es la diapositiva que la gente captura de pantalla y envía. Mantén el handle en ella.
6. Diapositiva de CTA — una acción principal, más "enlace en los comentarios" si hay un enlace.
7. Indicación de pie en cada diapositiva de contenido excepto la última: "desliza", o un adelanto de la siguiente diapositiva ("la solución", "¿qué sobrevive?").

Introduce cada producto o nombre propio la primera vez que aparece ("Claude Code, el agente de codificación de Anthropic, …").

Aprueba el texto antes de construir

Muestra el texto diapositiva por diapositiva como una lista numerada, más los pies de foto, antes de cualquier trabajo de diseño. Si /ig-human está disponible, pasa el texto de las diapositivas y ambos pies de foto por él primero, luego verifica que no haya cambiado ningún hecho, número, nombre de producto o la redacción en hinglish. Construye solo después de que el usuario apruebe el texto, a menos que haya pedido saltarse este paso.

4. Construcción

Si hay disponible un tipo de artefacto de Diseño / lienzo (por ejemplo, el tipo Design de Claude): crea un lienzo, una mesa de trabajo por diapositiva, cada una de 1080 × 1350, dispuestas en una fila (separadas 80 px). Pon cada carrusel en su propia fila con una nota de título encima. Sigue las reglas de formato del propio tipo; estilos en línea, raíz de tamaño fijo.

De lo contrario: un archivo HTML autocontenido por diapositiva (o una página con todas las diapositivas apiladas), cada diapositiva una caja fija de 1080px × 1350px, fuentes de Google Fonts.

Reglas que aplican en todos los estilos:

• Los colores, fuentes y componentes provienen del archivo de estilo. No mezcles estilos dentro de un mismo carrusel.
• Un fondo de diapositiva completa va en línea en la raíz como background-color + background-image — nunca la abreviatura background: encima de una clase, porque borra la cuadrícula/textura.
• Mismo encabezado y pie en cada diapositiva; el contador de diapositivas n/N debe ser correcto.
• Iconos: SVG en línea. Sin emojis en las diapositivas.
• Texto del cuerpo mínimo 30 px; titulares 96 px+. Se lee en un teléfono.

Presupuesto de desbordamiento (el error #1)

Antes de escribir cada diapositiva, suma sus alturas; el contenido debe terminar a ≤ 1180 px desde la parte superior para que nunca toque el pie (el pie está aproximadamente en 1240–1300).

Alturas de línea aproximadas: altura del texto ≈ tamaño de fuente × altura de línea × líneas. Líneas ≈ caracteres ÷ (ancho utilizable ÷ ancho de carácter). Ancho de carácter ≈ 0.5 × tamaño de fuente (Fredoka/Inter), 0.6 × (JetBrains Mono), 0.42 × (Anton, mayúsculas). El ancho utilizable es ~920 px menos el padding de la tarjeta.

Si excede: primero reduce las palabras, luego reduce el titular, luego aprieta los espacios. Nunca reduzcas el texto del cuerpo por debajo de 30 px. Máximo ~4 tarjetas o ~5 viñetas por diapositiva.

5. Pie de foto

Escribe dos versiones — inglés e hinglish (hindi en escritura romana mezclado con inglés, conversacional, como habla el creador en los reels):

1. Pregunta gancho o línea en negrita (sin emoji por defecto; como máximo uno, rara vez)
2. 2–3 párrafos cortos: qué está pasando, el truco, la conclusión
3. 3–4 consejos con flecha (→) si la publicación es práctica
4. Línea "Desliza …", "enlace en el primer comentario", "guarda esto …"
5. 5 hashtags, en minúsculas, relevantes (sin #viral, #fyp)

Da el enlace exacto para poner en el primer comentario. Usa solo hechos que estén en las diapositivas o en la fuente. Si la publicación promociona el producto de alguien, el pie de foto dice de quién es.

6. Entrega

• Dile al usuario lo que dice cada diapositiva en una línea, más cualquier suposición que hayas hecho o lo que no pudiste verificar.
• Exporta: PNG 1× por diapositiva (1080 × 1350 es el tamaño vertical nativo de Instagram; 2× se reduce igualmente). Nombra los archivos 01-portada.png … en orden.
• Texto alternativo: escríbelo al menos para la portada, describiendo lo que dice la diapositiva.
• Ofrece: fotos en la portada, un estilo diferente, o ajustes internos.