Communitygithub.com

New style

Crea un nuevo estilo visual para los videos del creador en un espacio de trabajo de Reel Studio (styles/<id>/style.json): entrevístalo para obtener su nombre, estilo, colores, significado de cada uno, fuentes, movimiento, origen de las imágenes, enlaces de referencia e imágenes; luego escribe el estilo para que aparezca en Estilos y los nuevos videos puedan usarlo. Úsalo cuando pida un nuevo estilo o presione 'Nuevo estilo' en la página de Estilos.

¿Qué es New style?

Esta habilidad permite a un agente de IA crear un nuevo estilo visual para videos en Reel Studio, una plataforma de edición de video. El agente realiza una entrevista paso a paso con el creador para capturar los elementos clave del estilo: nombre, sensación, colores (con su significado), fuentes, movimiento, tipo de imágenes y referencias. Luego genera el archivo `style.json` siguiendo una estructura específica, valida su formato JSON y lo integra en el espacio de trabajo. Es útil para automatizar la creación de estilos consistentes y personalizados, asegurando que cada nuevo estilo sea único y documentado. Funciona en Reel Studio y es compatible con herramientas de línea de comandos como `curl`, `python3` y comandos nativos del sistema operativo (macOS, Windows). El agente se comunica de manera breve y directa, en el idioma del creador, evitando respuestas interactivas o resúmenes largos.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/.claude/skills/new-style

Preguntar en tu IA favorita

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

Vista previa

Del README del skill

…

Documentación

Nuevo estilo

Un estilo es cómo se ve y se mueve un video. Vive en styles/<id>/ del espacio de trabajo (compartido por todos los proyectos) y se describe en su style.json; la página Estilos de Reel Studio lo muestra (paleta, fuentes, apariencia, movimiento, qué evitar, ejemplos, referencias) y se pueden crear nuevos videos con él. Lee primero los existentes (styles/*/style.json, y styles/collage-semitono/ como ejemplo completo) para que el nuevo se escriba de la misma manera y no repita uno que el creador ya tenga.

Habla en su idioma, como él habla. No puede responder diálogos interactivos: pregunta por escrito.

Sé breve. Un paso por mensaje, unas pocas líneas cortas: la pregunta y tu sugerencia en una línea, para que "sí" o una palabra sean suficientes. Sin introducción, sin resumen de los estilos que tiene, sin explicar el proceso ni lo que viene después, sin listas largas de opciones (dos o tres, pocas palabras cada una). No repitas lo que dijo; solo continúa.

1. Entrevista

Un paso a la vez, en este orden; omite lo que ya dijo. Lo que necesitas:

  1. Nombre y la idea en una oración: qué sensación debe transmitir, para qué tipo de video es.
  2. Referencias: enlaces (videos, cuentas, tableros, sitios) e imágenes. Puede pegar o arrastrar imágenes en el chat: llegan con su mensaje como rutas en .reel-studio/images/ del proyecto; copia las que uses a styles/<id>/refs/ (esa carpeta es solo del chat). Enlaces a imágenes: descárgalas allí (curl -L). Muchos archivos a la vez: crea styles/<id>/refs/ y ábrela para que él las arrastre (macOS open <dir>, Windows explorer <dir>), luego espera a que confirme que están allí. Un reel de Inspiración que nombre: sus fotogramas están en inspiration/<cuenta>/<codigo>/ (hook.jpg, sheet_NN.jpg). Mira cada imagen que te dé (léela) y di en una línea lo que tomas de cada una. Imágenes que encuentres o propongas: descárgalas a styles/<id>/refs/ y muéstralas en el chat (![…](/workspace-files/styles/<id>/refs/x.jpg)), nunca solo las describas.
  3. Colores: de 3 a 6, cada uno con su significado en el video (el fondo, la tinta, el acento que marca lo importante…). Si no da ninguno, propón una paleta de las referencias, con los códigos hex.
  4. Fuentes: una para títulos, una para cuerpo o etiquetas, como máximo tres, de Google Fonts. Propónlas si no tiene ninguna en mente.
  5. Movimiento: cómo aparecen y se mueven las cosas (trazado trazo a trazo, dejado caer a mano, deslizado, corte…), el ritmo, y cómo cambian las escenas.
  6. Imágenes: fotos reales (cómo se tratan: recortes, medios tonos, duotono…), ilustraciones dibujadas en código, íconos, o ninguna.
  7. Qué evitar: qué rompería la apariencia.

Luego muéstrale todo el estilo en un resumen compacto (una línea cada uno: nombre, paleta con significados, fuentes, apariencia, movimiento, imágenes, evitar) y pídele su aprobación antes de escribirlo.

2. Escríbelo

  • id: el nombre en minúsculas con guiones, sin acentos (cuaderno-apuntes); que no exista ya.
  • styles/<id>/style.json, en su idioma (todo texto en él se muestra en el estudio):
{
  "name": "Cuaderno de apuntes",
  "summary": "Una o dos oraciones: cómo se ve y para qué sirve.",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Hoja", "hex": "#FAF8F2", "meaning": "el fondo"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "títulos", "sample": "¿Y si se cae?"}],
  "look": ["Cómo se compone un fotograma, un punto cada uno."],
  "motion": ["Cómo se mueven las cosas."],
  "sources": ["De dónde vienen las imágenes y cómo se tratan."],
  "avoid": ["Qué rompe la apariencia, y por qué."],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}
  • El orden de palette importa: primero el fondo, luego el color del texto, luego las líneas (cuadrículas, bordes), luego los acentos. El estudio dibuja el póster y las muestras de fuente a partir de ella, por lo que un color de texto que no sea el segundo puede dejarlos ilegibles.
  • fonts[].google es la familia como en una URL de Google Fonts (Patrick+Hand, Inter:wght@800): el estudio la carga para mostrar la muestra. sample es un texto corto en esa fuente, del tipo de video para el que es.
  • cutouts: solo true si hace recortes de fotos con tools/cutout.py.
  • references y examples son rutas relativas al espacio de trabajo. examples son fotogramas aprobados de videos hechos en este estilo: vacío hasta que haya uno. Sin ejemplos, el estudio dibuja un póster a partir de la paleta y las fuentes.
  • Nunca pongas "default": true (solo el creador cambia el estilo predeterminado).
  • Valida el JSON (python3 -m json.tool styles/<id>/style.json). La página Estilos lo muestra automáticamente.

skill y template se quedan como null: un video en este estilo se construye sobre la plantilla del estilo predeterminado con la apariencia cambiada a su style.json (el estudio dice "Sin plantilla"). Cuando el creador esté contento con el primer video en este estilo, ofrécete a escribir styles/<id>/SKILL.md (cómo construirlo: componentes, cómo se tratan las imágenes, sonido) y su propia plantilla a partir de ese video, y a agregar sus mejores fotogramas a examples.

3. Cierre

En dos líneas: está en Estilos (#/estilos/<id>), y ofrécete a probarlo en un nuevo video.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

CrissAlvarezH/animated-video

Make animated videos in code with Remotion (React, SVG, three.js): explainers, character stories, motion graphics, kinetic typography, paper collage and animated infographics, in 2D or 3D, from a script or voiceover, in any aspect ratio. Use when asked to animate a script, make an animated video or Reel, or motion graphics. Not for editing camera footage (video-edit) or AI-generated clips (higgsfield-*).

CrissAlvarezH/persona-hablando

The "Persona hablando + animaciones" format of a Reel Studio video — the creator talks to camera in his own recording; you transcribe it, agree the cuts with him (pauses, flubs, retakes), cut it, and lay the video's style animations over or between his shots. Use for any video whose format.txt says persona-hablando.

CrissAlvarezH/reel-studio

How a narrated explainer video is made in a Reel Studio workspace, in any visual style — script, pictures, voice, images, build, board, sound, mute test, render — following the creator's settings from the studio (profile, format, voice, image sources). Use for any new or revised video in a project's videos/ (projects/<id>/videos/). The video's style adds its own skill (styles/<id>/SKILL.md) for the look and the Remotion kit; LESSONS.md has what past videos taught.

CrissAlvarezH/video-script

Write short-form video scripts that hold viewers, using the creator's own video analytics. Use when choosing the hook of a chosen idea, writing or tightening a script before filming (talking-head or narrated explainer), or turning a posted video's insights into lessons. Coming up with ideas is content-ideas'.

Skills relacionados