Communitygithub.com

uzi-090/cartoon-3d-short

Crea cortometrajes animados verticales estilo caricatura con personajes gráficos delineados en entornos tridimensionales de Three.js renderizados con Remotion. Ideal para historias animadas breves, historia, filosofía, romance, videos explicativos o este estilo establecido de caricatura. Guía preguntas de historia, guiones, voz en off proporcionada por el usuario, actuación, cámara, iluminación, subtítulos compactos y exportación de video revisada.

¿Qué es cartoon-3d-short?

Esta skill permite a un agente de IA (como Claude Code o Codex) producir cortometrajes animados originales en formato vertical (9:16) utilizando personajes gráficos estilizados con cabezas en forma de frijol, cuerpos redondeados y extremidades delgadas tipo palo, todo renderizado en un entorno 3D con Three.js y Remotion. Está diseñada para guiar al usuario desde la concepción de la historia hasta la exportación del video final, pasando por el desarrollo del guion, la grabación de voz en off por parte del usuario (no se utiliza TTS), la planificación de tomas temporizadas, la dirección de arte y animación, y la revisión del producto terminado. La skill enfatiza el uso de recursos originales, la verificación de hechos en contenido factual, y la colaboración con el usuario sin repetir decisiones ya tomadas. Incluye un proyecto starter con actores gráficos, un entorno de sala texturizado, iluminación realista, efectos de tinta y lente, y un sistema de subtítulos, todo accesible a través del terminal y un navegador con soporte WebGL.

Compatible con✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/uzi-090/cartoon-3d-short/tree/HEAD

Preguntar en tu IA favorita

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

Documentación

Cortometraje Animado 3D Estilo Caricatura

Crea un cortometraje original y comprensible con personajes gráficos diseñados, sets dimensionales coloridos y actuación con propósito. Esta es una skill de producción para un agente de código con una terminal y un navegador/renderizador WebGL funcional. No otorga herramientas, no genera una película terminada solo a partir de instrucciones, ni promete vistas o una coincidencia con una referencia.

Comienza en la fase actual del usuario

Lee el brief existente, el guion, el audio y el estado del proyecto antes de hacer preguntas. No obligues a los usuarios a repetir decisiones ya acordadas. Pregunta solo las preguntas faltantes importantes, preferiblemente juntas: tema o ayuda para elegir uno, ficción versus hecho investigado, género/emoción, idioma, duración/plataforma aproximada, y preferencias importantes de personajes/estilo. Ofrece un valor predeterminado sensato cuando una preferencia sea opcional. Si solo se te piden ideas, da descripciones breves de apertura/desarrollo/desenlace y detente ahí. No hagas arte de storyboard a menos que se solicite.

Usa estas fases; continúa el trabajo ya autorizado dentro de la fase actual:

  1. Historia. Lee desarrollo-de-historia.md. Desarrolla la premisa elegida u ofrece algunas ideas variadas. Verifica afirmaciones factuales. Prueba el esquema causal y el final, luego escribe la narración conversacional. Separa el texto hablado de las notas de cámara/SFX; agrega solo etiquetas de expresión útiles. Presenta el guion para la entrega de grabación del usuario.
  2. El usuario proporciona la voz en off. El usuario debe proporcionar la narración manualmente, como su propia grabación o un archivo de audio generado por IA de un servicio que elija. Pide MP3/WAV/M4A después del acuerdo del guion y espera a que llegue para la producción temporizada. No llames a un servicio TTS, inventes acceso a una API de voz, ni sustituyas un narrador sintético. Si el audio ya se ha proporcionado, úsalo. Consulta audio-voz-en-off.md.
  3. Plan de producción temporizado. Inspecciona y transcribe la grabación, corrige los tiempos, luego define los fotogramas de toma, la actuación, las revelaciones, la cámara y los grupos de subtítulos. Preserva sus palabras y ritmo. Lee produccion.md; inicializa un proyecto separado con el starter incluido si es útil.
  4. Establece el aspecto y el movimiento. Lee direccion-de-arte.md y animacion-camara.md. Haz las vistas relevantes de los personajes, el encuadre integrado del set/iluminación y una prueba de acción corta a través de la ruta de renderizado real antes de un renderizado largo. Muestra cualquier vista previa antes de referirte a ella en una pregunta. Resuelve aquí el diseño débil. Si el usuario solicita un punto de control de revisión, respétalo; de lo contrario, continúa la producción autorizada sin confirmaciones repetidas.
  5. Construye y finaliza. Implementa la animación determinista de Three.js dentro de Remotion. Agrega subtítulos compactos usando subtitulos.md, luego una mezcla priorizando la voz. Renderiza y revisa la película codificada usando revision.md. Entrega el MP4 y el código fuente solicitado con una cobertura de verificación honesta.

Identidad visual

Por defecto, usa la familia establecida: cabezas anchas en forma de frijol diseñadas; torsos pequeños y redondeados; brazos y piernas delgados y fluidos como palos; palmas diminutas como puntos; pies planos; tinta oscura de peso variable; rostros, peinados y disfraces originales. Usa arte coherente de frente/tres cuartos/espalda, no una cara frontal pegada en un giro. Mantén esta familia mientras mejoras la actuación, los materiales, la iluminación y la profundidad del entorno. Una nueva dirección de arte explícita del usuario puede cambiarla.

El mundo dimensional tiene áreas de color deliberadas, construcción legible, sombreado específico de materiales, sombras de soporte/contacto y contornos seleccionados. La luz local motivada debe afectar tanto a los personajes como al mundo. El brillo, el desenfoque, la geometría adicional y la saturación global no pueden reparar siluetas o puestas en escena débiles. La biblioteca de actores incluida y la sala de prueba son ejemplos de ingeniería, no un elenco obligatorio o un diseño de película final.

La entrega predeterminada es 9:16, 30 fps, 1440×2560 H.264/yuv420p con audio AAC; confirma o adapta cuando el usuario solicite algo diferente. El inglés es un valor predeterminado inicial, no una restricción para otros idiomas. La duración sigue la historia y el audio proporcionado, no un minuto forzado.

Reglas de trabajo

  • Usa historia, personajes y activos de producción originales. Para referencias proporcionadas, lee estudio-de-referencia.md; mantén los videos, fotogramas, audio y transcripciones privados. No infieras sus herramientas/rigs ocultos como hechos.
  • Mantén las grabaciones de voz bit por bit como activos fuente. Sin estiramiento de tiempo, cambio de tono, reescritura silenciosa o reemplazo de narración sin la solicitud del usuario. Los cambios intencionales de mezcla deben documentarse.
  • Mantén las decisiones, fuentes, tiempos de toma, verificaciones y problemas no resueltos en los archivos del proyecto. Las películas terminadas permanecen cerradas a menos que el usuario solicite cambios.
  • Prefiere la revisión independiente útil cuando esté disponible y autorizada por el anfitrión. No hay un número requerido de agentes o modelo. Asigna la propiedad de los archivos y serializa el renderizado de GPU si se usa trabajo en paralelo. Nunca reclames una verificación que otro agente no haya realizado.
  • Usa un directorio temporal espacioso específico del proyecto; respeta REMOTION_TMP, TEMP y TMP. No limpies las carpetas temporales compartidas ni publiques entradas privadas. No se implica la subida a una plataforma de video o servicio de pago al crear una película.
  • La integridad técnica y la calidad visual/de historia son separadas. Una exportación válida, una puntuación numérica heredada o una hoja de contactos por sí solas no prueban una película pulida. Reporta los límites claramente.

Recursos incluidos

  • templates/project/: starter ejecutable de React/Three.js/Remotion con actores gráficos originales, una sala texturizada, luces reales, efectos de tinta/lente, animación determinista y un componente de subtítulos. El StyleDemo silencioso es un ejemplo técnico, no una historia aprobada por un nuevo usuario.
  • scripts/init-project.mjs: copia el starter en un nuevo proyecto sin sobrescribir una carpeta existente.
  • scripts/package-skill.mjs: crea un ZIP instalable que contiene la skill portátil y los recursos; excluye la salida generada y las entradas de producción privadas.
  • scripts/validate-package.mjs: verifica los enlaces de recursos locales y los límites del empaquetado.
  • evals/scenarios.md: verificaciones de comportamiento realistas para el mantenimiento futuro.

Las instrucciones de instalación y uso están en README.md. Usa solo las capacidades realmente disponibles en el entorno actual de Codex o Claude Code. Consulta la documentación oficial actual para dependencias modificadas en lugar de adivinar el comportamiento de la API.

Skills relacionados