← Lab
Claude Code SkillFLUX + Puppeteer + HaikuMIT

Marketing
Image Skill

Genera imágenes de marketing desde la identidad visual real de tu proyecto.

Lee tus colores, fuentes y tono. Genera fondos con FLUX via Replicate. Compone los diseños con Puppeteer. Escribe los captions con Claude Haiku. 13 formatos, 11 templates — todo en tu carpeta.

Ver en GitHub →Descargar ZIP
Marketing Image Skill — FLUX + Design Engine + Captions

Flujo completo

01

Análisis de marca

node cli.js analyze .

Lee brand.json, tailwind.config y CSS variables. Extrae colores HEX reales, fuentes, tono y sector del proyecto.

02

Generación FLUX

node cli.js generate [formato] "[tema]"

Llama a Replicate REST API. Descarga imágenes WebP en marketing-assets/fecha_formato/flux-raw/. Alternativa local con ComfyUI.

03

Diseño final

node cli.js design [carpeta] --template [nombre]

El compositor genera HTML desde DesignSpec JSON. Puppeteer + Chrome renderiza PNG a resolución final (1x o 2x retina).

03b

Copywriting

node cli.js design [carpeta] --copy --topic "tema"

Opcional. Claude Haiku genera títulos, subtítulos y captions por plataforma. Re-renderiza los slides con contenido real.

13

Formatos

11

Templates

2

Motores IA

MIT

Licencia

11 Templates

full-bleed-image

Imagen FLUX de fondo con texto sobre overlay — el más usado

editorial-dark

Sin imagen — tipografía dominante sobre gradiente oscuro

editorial-light

Fondo claro, tipografía en colores de marca

minimal-centered

Mensaje corto y poderoso, todo centrado

split-layout

50% imagen / 50% texto en columnas

list-card

Lista numerada — "3 razones", "5 pasos"

cta-bold

Último slide — botón dominante, máxima conversión

quote-card

Cita o frase inspiracional con atribución

data-visual

Número grande + descriptor — estadísticas, métricas

announcement

Evento, lanzamiento — fecha + lugar prominentes

presentation-slide

Formato 16:9 — thumbnails de YouTube, presentaciones

13 Formatos soportados

instagram-carousel1080×1350
instagram-story1080×1920
instagram-square1080×1080
linkedin-post1200×627
linkedin-square1080×1080
twitter-post1024×512
facebook-ad1200×628
facebook-story1080×1920
youtube-thumbnail1280×720
presentation-16-91920×1080
poster-a42480×3508
poster-letter2550×3300
email-banner600×200

Modelos FLUX

Modelo

Costo

Velocidad

Uso

schnell$0.003/img~5–10sIteración, prototipos
pro$0.04/img~30sProducción, máxima calidad
ComfyUI localGratis3–8 min/imgSin costo, requiere GPU/CPU

Instalación

# Clona e instala

cd ~/Desktop/marketing-image-skill && npm install

# Configura variables de entorno

REPLICATE_API_TOKEN=r8_...

ANTHROPIC_API_KEY=sk-ant-... # opcional

# Verifica que todo funciona

node cli.js test-flux && node cli.js test-renderer

Requiere Node.js 18+ · Google Chrome · REPLICATE_API_TOKEN. Copywriting con Claude Haiku opcional.

← Volver al Lab
IssuesGitHub