CommunityProgramación y desarrollogithub.com

mohammadshoaib-786786/editor-de-video

Crea un carrusel de Instagram (4:5, 1080×1350, hasta 10 diapositivas) con el estilo editorial Pixel Crew: portada, una diapositiva por empleado/paso de IA (habilidades, herramientas, entregables, flujo, stepper), una diapositiva de "cómo funciona el bucle" y una CTA con palabra clave-comentario — exportado como imágenes PNG estáticas y diapositivas MP4 animadas. Úsalo cuando el usuario pida un carrusel, diapositivas para Instagram/LinkedIn, o "un post como el del equipo de Meta Ads".

¿Qué es editor-de-video?

Esta habilidad permite generar carruseles estilo editorial Pixel Crew, optimizados para Instagram y LinkedIn, con formato 4:5 (1080×1350) y hasta 10 diapositivas. Es ideal para creadores de contenido y equipos de marketing que necesitan presentar equipos de IA, procesos paso a paso, o servicios con un diseño visual cohesivo y profesional. La habilidad está diseñada para ejecutarse en entornos Node.js y se basa en una estructura modular: `slides.js` define el contenido y metadatos del carrusel, `slide.js` maneja los diseños y animaciones, y los estilos se gestionan en `kit/carousel.css`. El flujo de trabajo incluye la creación de un nuevo proyecto mediante un script, la edición manual de las diapositivas con campos específicos para empleados de IA (habilidades, herramientas, entregables, flujo de trabajo), y la generación final de imágenes PNG estáticas y videos MP4 animados. La habilidad soporta hasta 10 diapositivas y ofrece una variedad de íconos y colores predefinidos. Es especialmente útil para equipos que desean automatizar la creación de contenido visual para redes sociales manteniendo una identidad de marca consistente.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mohammadshoaib-786786/video-editor/tree/HEAD/.claude/skills/pixel-crew-carousel

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Carrusel Pixel Crew

Ejemplo: projects/ai-meta-ads-team. El contenido vive en slides.js (window.DECK); los diseños y la animación en slide.js; los estilos en kit/carousel.css.

Pasos

  1. node scripts/new.mjs carousel <nombre>
  2. Reescribe slides.js:
    • brand (nombre, eslogan, handle, palabra clave) y series (se muestra en cada encabezado).
    • steps: una etiqueta corta por empleado (se muestra en la portada y en el stepper inferior).
    • Tipos de diapositiva: cover, employee (×N), loop, cta. Mantén ≤ 10 diapositivas.
    • Campos de empleado: color (r1…r7), name, dept, line (una oración), prop (magnifier, pencil, wrench, rocket, sliders, chart, chat), status (≤ 24 caracteres), skills (4 × [icono, título, descripción], descripción ≤ 34 caracteres), tools (4 × ["glyph:infinity" | "icon:<nombre>", etiqueta, color]), delivers (4 elementos cortos), flow (3 × [título, descripción]).
    • Íconos: consulta los nombres en kit/sprites.js (mapa P) y glifos infinity, camera, note, alien.
  3. node scripts/carousel.mjs projects/<nombre> --png y lee los PNGs (dos lado a lado es lo más rápido). Corrige el desbordamiento acortando el texto, no reduciendo el tamaño de la fuente.
  4. node scripts/carousel.mjs projects/<nombre> para PNG + MP4 en renders/<nombre>/.

Publicación: sube los PNGs (o MP4s para movimiento) en orden; añade música en la aplicación de Instagram.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados