codepawl/2d-generalist

Generalista 2D

Utilice este skill para diseñar, animar, texturizar y componer gráficos animados editoriales al estilo de Vox (Atlas, By Design, Earworm, Missing Chapter) y Flat Pack FX en 2D, 2.5D y 3D, usando herramientas ya instaladas en la máquina del usuario (o recomendando herramientas gratuitas cuando falten).

Enrutamiento de Modos

Modo	Alcance (2D / 2.5D / 3D)	Referencia Principal
audit	Verificar herramientas gratuitas 2D/3D instaladas vs. descargas opcionales	references/2d-3d-toolchain-matrix.md
design	Jerarquía visual, escala asimétrica, estética azul, paletas	references/vox-psychology-and-design.md
map	Mapas vectoriales/satelitales 2D, capas 2.5D en relieve/extruidas, terreno 3D y rutas KML	references/maps-and-geodata-2d-3d.md
chart-timeline	Líneas de tiempo con regla pre-dibujada, gráficos de barras/líneas 2D/3D, repetidores de matriz de puntos, formas de onda	references/charts-timelines-and-data.md
archival-collage	Resaltadores dobles, zoom/parpadeo de periódico, bordes rasgados, paralaje 2.5D, proyector de diapositivas 3D	references/archival-collage-and-camera.md

Antes del paso 1, ejecute el resumen de intención (references/intent-brief.md): complete el propósito, formato, tema, apariencia y restricciones a partir de la solicitud, pregunte solo lo que falte (máximo 4 preguntas, opciones con una recomendación por defecto), escriba brief.md, muestre una vista previa económica antes del primer paso costoso y verifique el resultado contra el resumen antes de la entrega. Una pieza que no cumpla el objetivo del usuario es una pieza fallida.

Flujo de Trabajo Integral

1. Auditar Toolchain (audit)
   • Ejecute uv run --no-project python scripts/check_vox_toolchain.py para detectar herramientas 2D/3D instaladas (Blender, DaVinci Resolve / Fusion, Remotion + Three.js/SVG, FFmpeg) y liste comandos de instalación gratuitos de 1 línea (winget) para cualquier herramienta opcional faltante (QGIS, Inkscape, Krita).
2. Establecer Jerarquía y Superficie (design)
   • Aplique Tensión de Escala Asimétrica (un anclaje dominante, espacio negativo generoso en blanco roto #F4F1EA o pizarra azul #1B222C, trayecto conector). Realice la Prueba de Mirar Hacia Otro Lado / Mirar Hacia Atrás antes de animar.
   • Construya los 3 Pilares de Autoridad Visual: Superficie (fibras de papel cálidas + grano estático), Tinta (sangrado Multiplicar / Color Burn + máscara de luminancia + bordes rugosos + suavidad de 0.5–1.5px), y Vida (Posterizar Tiempo a 8–12 fps para elementos gráficos o 2–4 fps para ebullición de textura de fondo).
3. Generar Activos Procedimentales (scripts/generate_vox_assets.py)
   • Ejecute uv run --no-project python scripts/generate_vox_assets.py para generar definiciones de filtros SVG (bordes de papel rasgado de doble paso, sangrado de tinta, máscaras de luminancia de semitono cruzado a 45°, grano de papel) y diseños de línea de tiempo con regla proporcional.
4. Construir Escena en el Motor 2D / 2.5D / 3D Elegido (map, chart-timeline, archival-collage)
   • Código / Web 2D y 3D: Remotion + filtros SVG (<feTurbulence> + <feDisplacementMap>) + Three.js / React Three Fiber (cámara 35mm, DOF, planos Z).
   • Compositor de Nodos 2D y 2.5D: DaVinci Resolve Fusion (FastNoise + Displace, repetidores sRender, trazos Paint, ImagePlane3D + Camera3D).
   • 3D Completo y 2D-en-3D: Blender 5.2 (trazos de Grease Pencil con modificadores Noise/Build, líneas de tiempo/gráficos de barras proporcionales con Geometry Nodes, mapas de terreno 3D desplazados, profundidad de campo 35mm en Cycles/EEVEE + paso de lente/grano del Compositor).
5. Aplicar Paso de Acabado y Validar (scripts/validate_vox_recipe.py)
   • Añada profundidad de campo 35mm sutil (o máscara de enfoque de capa de ajuste difuminada), Aberración Cromática radial, Viñeta y cadencia de Posterizar Tiempo.
   • Ejecute uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json> para verificar el cumplimiento de todas las leyes visuales de Vox.

Para cualquier paso realizado en Blender (nodos de geometría, shaders, rigging, weight paint, NLA, bpy), cargue el skill use-3d-software para los nodos exactos y los nombres actuales de la versión 5.x. Para la edición, subtítulos, re-timing, transiciones, etalonaje y exportación en cualquier editor (Resolve, CapCut, Premiere, Kdenlive, FFmpeg), cargue edit-video. Cree skills para pasos individuales: draw-and-paint-art (dibujo, figuras, pintura en Krita), paint-stylized-backgrounds (fondos, pintura sobre, paralaje, follaje y agua en movimiento), animate-characters (movimiento de personajes, cuadro por cuadro, recortes) y rig-characters (marionetas de recortes).

Leyes Visuales Fundamentales de Vox (No Negociables)

• Sin Lienzo Digital Estéril: Nunca use fondos de color #FFFFFF o #000000 puros. Use papel cálido (#F4F1EA), crema de archivo (#EFECE6) o pizarra azul (#1B222C) con grano estático.
• Bordes de Papel Rasgado de Doble Paso: Los recortes sobre fondos ocupados requieren un borde de papel blanco roto (Simple Choker / dilatación morfológica) rugosizado con dos pasos: Paso 1 (Spiky / cortes de tijera a gran escala) + Paso 2 (Roughen / borde de fibra de papel fina) + textura de tela/papel en modo Hard Light recortada al recorte.
• Semitonos de Cita Impresa: Aplique máscaras de luminancia de semitono de puntos cruzados +45° / -45° (divididas en máscaras de luz y sombra) atenuadas hasta el umbral de percepción (8%–18% de opacidad) para que los recortes de noticias modernos parezcan impresos y verificados.
• Ley de Línea de Tiempo con Regla Pre-Dibujada: Nunca espacie intervalos de tiempo desiguales de manera uniforme. Dibuje primero una escala de regla/marcas espaciada uniformemente, luego coloque los eventos en sus coordenadas proporcionales reales para que los grupos y vacíos cuenten la historia.
• Ley de Resaltador Doble:
  • Texto Digital/Pantalla: Trazo limpio #FFE600, modo de fusión Multiplicar, altura del trazo más corta que la altura de la mayúscula (~75–85%), texto no resaltado atenuado a ~30% de opacidad.
  • Página de Archivo/Libro: Bordes rugosizados de 3 pasos (rayas de marcador horizontales + borde + borde rugoso) + desplazamiento turbulento Bulge, colocado en espacio 3D con una cámara 35mm y profundidad de campo reducida que sigue la línea.
• Gráfico de Velocidad de Cámara: Todos los paneos y zooms de cámara 2D/3D deben usar una longitud focal equivalente a 35mm, controlador Null padre, y un gráfico de velocidad de Bezier Continuo en forma de campana (entrada lenta -> movimiento rápido -> asentamiento lento), nunca fotogramas clave lineales.

Scripts y Referencias

• Auditoría de toolchain: scripts/check_vox_toolchain.py
• Generador de activos y filtros SVG: scripts/generate_vox_assets.py
• Validador de recetas: scripts/validate_vox_recipe.py
• Pruebas unitarias: scripts/test_vox_skill.py