Pop-ups de logos: logos que salen de tu dedo señalador
El usuario generalmente no es técnico. Mantén las respuestas cortas, haz el trabajo por ellos, nunca les pidas que ejecuten comandos.
Todas las rutas son relativas a la carpeta de esta habilidad (la carpeta donde está este SKILL.md). Usa su ruta absoluta en los comandos. PY a continuación significa .venv/bin/python en esta carpeta (.venv\Scripts\python.exe en Windows).
1. Primera ejecución: configuración (una vez)
Ejecuta bash scripts/setup.sh. Imprime READY cuando termine (de 1 a 3 minutos la primera vez).
NEED_FFMPEG: instálalo (Mac:brew install ffmpeg, Windows:winget install ffmpeg), luego vuelve a ejecutar la configuración.NEED_PYTHON: instala Python 3.12 (Mac:brew install [email protected], Windows:winget install Python.Python.3.12), luego vuelve a ejecutar la configuración.
2. Encontrar la señalización y las palabras
Ejecuta ambos en su video:
PY scripts/track.py <video>: rastrea las manos, guarda<video>.hands.jsone imprime las ventanas de señalización (momentos en que un dedo se mantiene levantado).PY scripts/words.py <video>: imprime cuándo se dice cada palabra.
Empareja cada ventana con la marca que el hablante nombra en ella o cerca de ella. Whisper a menudo malinterpreta los nombres de marcas: "cloud" suele ser Claude, "codecs" Codex, "croc"/"grok" Grok, "chat GPT" ChatGPT, "Gemini", "cursor" Cursor. Si el usuario ya te dijo qué logos usar, utilízalos en el orden en que señala. Si ninguna palabra nombra una marca y el usuario no lo dijo, haz una pregunta corta: qué logos, en qué orden.
3. Escribir el plan
Guárdalo junto al video como <video-name>_logos.json:
{"pops": [
{"logo": "claude", "start": 1.12, "end": 1.85},
{"logo": "codex", "start": 2.10, "end": 3.05},
{"logo": "grok", "start": 3.45, "end": 4.50}
]}
start: un instante después de que la mano se estabilice (el inicio de la ventana), o en la palabra, lo que ocurra más tarde.end: cuando el dedo baja o comienza el siguiente punto. De 0.7 a 1.2 s cada uno se ve mejor; nunca superpongas dos pop-ups.logo: un nombre predefinido (abajo), cualquier nombre de icono de lobehub.com/icons (ej.notion,figma,vercel; primero intenta<nombre>-color), o una ruta a un PNG/SVG que haya dado el usuario.
Opciones por pop-up (todas opcionales):
| clave | qué | por defecto |
|---|---|---|
label | texto en la píldora debajo del icono; "" lo oculta | nombre de la marca |
bg | color del mosaico (hex) | predefinido, si no blanco |
fg | color para logos SVG de un solo color | blanco en mosaicos oscuros, negro en claros |
accent | color del anillo del pop-up | predefinido, si no color del logo |
size | ancho del mosaico como proporción del ancho del video | 0.24 |
logo_scale | tamaño del logo dentro del mosaico | 0.66 |
gap | distancia más allá de la punta del dedo donde se coloca el icono (en tamaños de mosaico) | 0.85 |
nudge | desplazamiento extra [x, y] como proporción del ancho | [0, 0] |
avoid_face | deslizar hacia arriba si cubriría el rostro | true |
burst | anillo y chispas al aparecer | true |
Predefinidos: claude, anthropic, codex, openai, chatgpt, grok, gemini, cursor, perplexity, deepseek, copilot, mistral, meta.
4. Verificar, luego renderizar
- Primero fotogramas fijos (rápido):
PY scripts/render.py <plan.json> <video> <carpeta>/check.png --still 1.5,2.6,4.0, un momento en medio de cada pop-up. Revisa el PNG tú mismo. Arregla cualquier cosa que cubra el rostro, se corte en el borde, o quede lejos del dedo (gap,nudge,size, tiempos). - Renderizar:
PY scripts/render.py <plan.json> <video> <video-name>_logos.mp4. Salida: H.264 MP4, 1080 de ancho, mismos fps, audio original. - Diles dónde está el archivo y que lo vean antes de publicarlo.
Reglas
- Nunca cubras el rostro. La evasión del rostro está activada por defecto; aun así revisa los fotogramas fijos.
- Un logo por señalización. Si señalan dos veces a una misma marca, usa dos pop-ups.
- Los logos son marcas registradas de sus propietarios; esto es para comentarios y reseñas. No añadas logos que el hablante no mencione a menos que el usuario lo pida.