Kit de diseño · páginas, cursos y videos

Las reglas de la marca en un solo lugar

Una carpeta que el agente lee antes de crear cualquier pieza. Colores, fuentes, texto, cámara y todo lo que ya fue rechazado, con la fuente de cada regla.

Banner del kit INEMA Design: las reglas de la marca en un solo lugar
En resumen

INEMA Design es una carpeta de archivos de texto con las reglas visuales del ecosistema INEMA: colores, fuentes, forma de escribir, cámara de video y la lista de lo que Nei ya rechazó. Sirve a quien crea páginas, guías, cursos, banners, explicavideos, shorts y reels con agentes como Claude Code y Codex. El agente lee la carpeta antes de empezar y la pieza sale con el estándar de la marca, sin repetir errores antiguos. Para usarla, basta copiar la carpeta y pedirle al agente que lea primero su CLAUDE.md.

Qué es

Un "design-os" adaptado a INEMA

El método viene del Claude Design Blueprint: una carpeta de diseño que el agente lee antes de cada proyecto. Aquí se llenó con las reglas que ya estaban repartidas en skills, lecciones y memorias.

Los seis bloques del kit: DESIGN.md, checklist de página, texto que no suena a IA, cámara con número, revisión de 5 cuadros y lo que ya fue rechazado

🎨 Una marca, varias líneas

DESIGN.md tiene un núcleo común y una sección por tipo de pieza: guía dark ámbar, curso v2, v5 y v6, banner, thumb y video. Cada color tiene su origen anotado.

🎬 Video con nota

Estándar de 16:9 y 9:16, palabras de cámara con número y revisión de 5 cuadros (0, 25, 50, 75 y 100%) con nota de 0 a 10 en visual, ritmo y marca.

🧾 Memoria de correcciones

Todo lo que Nei ya rechazó queda en una sola lista. Cuando corrige algo nuevo, se agrega una línea ahí y el error no vuelve.

Cómo funciona

El agente lee, produce y revisa

El orden de lectura está en el CLAUDE.md de la carpeta. El agente no resuelve los conflictos entre reglas: van a DECISOES.md y el dueño elige.

CLAUDE.md→ DESIGN.md (línea de la pieza)→ correcoes.md→ regras/ o video/→ producir→ preship.py o 5 cuadros

Páginas

regras/pagina-20.md (20 puntos antes de publicar) y checks/preship.py, que revisa el HTML.

Texto

regras/texto.md: aperturas prohibidas, palabras que suenan a IA, año escrito en letras en la locución.

Video

video/style.md, video/camera.md y video/revisao-5-quadros.md.

Requisitos previos

Muy poco

Los archivos son texto. Solo los dos scripts de revisión necesitan una herramienta instalada.

Un agente

Claude Code, Codex u otro que lea los archivos de la carpeta.

git clone https://github.com/inematds/inema-design

Python 3

Para preship.py. No hay que instalar nada más que Python.

python3 --version

ffmpeg

Para sacar los 5 cuadros de un video terminado.

ffmpeg -version
Guía de uso · paso a paso

Del clon a la pieza revisada

Los comandos de abajo son los que están en el repositorio.

1

Copia la carpeta

Deja la carpeta donde el agente pueda leerla, por ejemplo en ~/projetos/inema-design.

git clone https://github.com/inematds/inema-design ~/projetos/inema-design
2

Pide al agente que lea primero

Antes de cualquier pieza visual, la primera instrucción es leer el kit. El agente dice en hasta seis líneas qué leyó y qué reglas valen.

"Lee ~/projetos/inema-design/CLAUDE.md y sigue el orden de lectura. Después crea la guía del proyecto X."
3

Revisa la página antes de publicar

El script prueba una parte de los 20 puntos (h1, main, viewport, título, descripción, imagen para compartir, favicon, tamaño de las imágenes, etiquetas). El resto se revisa con la lista.

python3 checks/preship.py guia/index.html  # PASS/FAIL por ítem y el total
4

Revisa el video en 5 cuadros

Saca los cuadros, arma una hoja y da nota de 0 a 10 en visual, ritmo y marca. Una nota menor que 8 vuelve a corrección. Si rehacer cuesta crédito, pregunta antes.

V=video.mp4; D=$(ffprobe -v error -show_entries format=duration -of csv=p=0 "$V")
for p in 0 25 50 75 100; do
  t=$(python3 -c "print(min($D*$p/100, $D-0.05))")
  ffmpeg -v error -y -ss "$t" -i "$V" -frames:v 1 "quadro-$p.jpg"
done
5

Registra cada corrección

Cuando el dueño rechace algo, agrega una línea con fecha en memoria/correcoes.md. En la próxima pieza el agente ya lee esa regla.

- 10/10 — Zoom 1,4–1,9 que corta el texto: rechazado. Disolvencia, imagen completa, zoom ≤ 1,25.
Ejemplos

Probado en piezas reales

Las dos revisiones se corrieron con material ya publicado.

Hoja con los 5 cuadros de un reel: portada, dos cuadros con el mismo título y el cierre INEMA.CLUB
Revisión de 5 cuadros en un reel comentado: el título de arriba es el mismo al 25% y al 50%, un punto menos en la nota de ritmo.
PASS  18  html has a lang attribute
PASS  18  exactly one h1
FAIL  18  main landmark present
PASS  3   viewport meta present
FAIL  20  og:image is set
FAIL  20  theme-color is set
FAIL  20  favicon link is set
FAIL  16  every img has width and height

8/13 pass
preship.py en el modelo de guía usado hasta hoy: 8 de 13. Esta guía ya se hizo con las correcciones.
Roadmap

Tres etapas

La primera crea los archivos. Las otras conectan el kit con las herramientas que producen las piezas.

Etapa 1
Kit base (listo)DESIGN.md, reglas, video, correcciones, mapa de los proyectos, decisiones abiertas y preship.py.
Etapa 2
VideoRevisión de 5 cuadros y style.md sacado de una referencia en refazvideo, después docflow, reelcomenta, cardshorts y eventosextremospub. En finviral, solo nota en el log.
Etapa 3
Páginas y cursosLa skill de guía y los formatos de curso pasan a leer DESIGN.md y a correr el checklist antes de publicar.