# Sprite Animation

> Crea, repara, valida, previsualiza y empaqueta spritesheets de personajes animados compatibles con Codex a partir de arte de referencia, capturas o imágenes generadas, con atlas 8x9 y pet.json.

Fuente: https://skillsagentes.com/skills/rbrown101010/rileys-skills/sprite-animation
Markdown: https://skillsagentes.com/skills/rbrown101010/rileys-skills/sprite-animation.md

Repositorio: https://github.com/rbrown101010/rileys-skills
Autor: rbrown101010
Licencia: no declarada
Actualizado: hace 3 meses
Coste de contexto: 149 tok instalada, 5.7k tok al activarse, 38.5k tok con todos los archivos del bundle
Bundle: 21 archivos, 150 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent claude-code
# Cursor
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent cursor
# Codex
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent codex
# Gemini CLI
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent gemini
# Windsurf
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent windsurf
# Cline
npx -y skills add rbrown101010/rileys-skills --skill sprite-animation --agent cline
```

## Qué hace

- Crea, repara, valida y empaqueta spritesheets de personajes animados compatibles con Codex
- Genera un atlas de 8x9 con celdas transparentes no usadas a partir de arte de referencia
- Delega toda la generación visual al skill del sistema `$imagegen`, nunca la hace localmente
- Produce hojas de contacto de QA, videos de previsualización y el `pet.json` final
- Usa subagentes para generar cada fila de animación tras registrar la imagen base

## Cuándo usarla

- Convertir una imagen de referencia o un concepto en un personaje de sprite animado
- Generar o hacer eclosionar una mascota (pet) personalizada de Codex
- Crear un atlas de sprite 8x9 con contact sheets, previews y empaquetado `pet.json`

## Qué la activa

- "Convierte esta imagen en un pet animado de Codex"
- "Genera un sprite animado a partir de este concepto"
- "Repara la fila de animación que falló en el QA"

## Antes de instalar

- Requiere el skill del sistema `$imagegen` instalado; si no está disponible, el respaldo secundario necesita `OPENAI_API_KEY`.
- Necesita en el PATH: python, python3
- Variables de entorno: BASH_SOURCE, CODEX_HOME, OPENAI_API_KEY, SCRIPT_DIR, SKILL_DIR
- makes network requests
- needs API credentials

## Archivos

- LICENSE.txt — 11 KB
- SKILL.md — 22 KB
- agents/openai.yaml — 639 B
- references/animation-rows.md — 1 KB
- references/codex-pet-contract.md — 788 B
- references/qa-rubric.md — 3 KB
- scripts/compose_atlas.py — 5 KB
- scripts/derive_running_left_from_running_right.py — 5 KB
- scripts/extract_strip_frames.py — 10 KB
- scripts/finalize_pet_run.py — 14 KB
- scripts/generate_pet_images.py — 9 KB
- scripts/inspect_frames.py — 8 KB
- scripts/make_contact_sheet.py — 3 KB
- scripts/package_custom_pet.py — 3 KB
- scripts/pet_job_status.py — 4 KB
- scripts/prepare_pet_run.py — 27 KB
- scripts/queue_pet_repairs.py — 7 KB
- scripts/record_imagegen_result.py — 8 KB
- scripts/render_animation_videos.py — 4 KB
- scripts/render_animation_videos.sh — 152 B
- scripts/validate_atlas.py — 5 KB

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/rbrown101010/rileys-skills/blob/main/sprite-animation/SKILL.md

## Dónde encaja

- Categoría: [Diseño y UI](https://skillsagentes.com/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual.
- Creador: [rbrown101010](https://skillsagentes.com/creators/rbrown101010.md) — 0 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Docimations](https://skillsagentes.com/skills/rbrown101010/rileys-skills/docimations.md): Crea diagramas animados SVG a GIF para Google Docs: flowcharts, diagramas de proceso, líneas de tiempo, árboles de decisión y mapas de contexto listos para insertar en un Doc nativo.
- [Firebase Cli](https://skillsagentes.com/skills/rbrown101010/rileys-skills/firebase-cli.md): Trabaja con Firebase desde la terminal: repara o instala el CLI, autentica, selecciona proyectos, gestiona bases Firestore y Realtime Database, registra apps e imprime la config del SDK.
- [Mobile App](https://skillsagentes.com/skills/rbrown101010/rileys-skills/mobile-app.md): Crea, prototipa, despliega, previsualiza, firma e instala apps móviles. Cubre proyectos móviles con Vibecode CLI, prototipos de diseño local y herramientas integradas de build/firma/instalación para iOS.
- [Notion Full Control](https://skillsagentes.com/skills/rbrown101010/rileys-skills/notion-full-control.md): Acceso directo y completo a la API de Notion fuera del conector integrado: buscar páginas y bases de datos, inspeccionar esquemas, consultar filas, crear o actualizar páginas, añadir bloques y peticiones raw.
- [Chronicle](https://skillsagentes.com/skills/rbrown101010/rileys-skills/chronicle.md): Permite ver la pantalla del usuario y varias horas de historial. Debe usarse para resolver ambigüedad en una petición, o si el usuario pregunta sobre Chronicle o qué se ve en su pantalla.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)