CommunityImagengithub.com

aibex-aios/schautafel

Crea un panel explicativo: un gráfico de resumen visual sobre uno o varios temas con banner, mosaico temático y fórmula al pie, en uno de doce estilos (neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus, messing) y con una matriz de elementos libremente configurable. Planifica el panel como esquema, redacta un memo de prompt y genera la imagen mediante el skill image-generation de Codex, almacenándola en @Image/ y verificándola. Usar con frases como «Haz un panel sobre…», «Panel sobre…»

¿Qué es schautafel?

Este skill permite planificar y generar un panel explicativo (Schautafel), un gráfico visual con banner superior, mosaico de fichas temáticas y fórmula al pie. El usuario proporciona los temas, el estilo deseado (neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus, messing) y opcionalmente la matriz de fichas (filas × columnas). El skill crea un esquema detallado, redacta un memo de prompt y delega la generación de la imagen al skill `image-generation` de Codex, que produce la imagen en la carpeta `@Image/`. Está diseñado para su uso en AIOS, requiriendo una carpeta con subdirectorio `@/`. Soporta diversos estilos visuales, cada uno con sus propias características y ejemplos. El skill gestiona todo el flujo, desde la consulta inicial, pasando por la confirmación del esquema, hasta la generación, verificación y almacenamiento de la imagen final, todo en lenguaje natural en alemán (salvo que el usuario indique otro idioma).

Compatible con✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/aibex-aios/skill-schautafel/tree/HEAD/skills/schautafel

Installed? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Preguntar en tu IA favorita

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

Documentación

¿Qué hace schautafel?

El skill planifica con el usuario un panel explicativo y redacta un memo de prompt. La generación, almacenamiento, verificación y commit los realiza el skill image-generation.

Términos

  • Proyecto <P>: la carpeta de trabajo de la sesión si tiene una subcarpeta @/.
  • Carpeta del skill: la carpeta de este skill ("Base directory for this skill"). Contiene stile.md (catálogo) y stile/<estilo>.jpg (plantillas de estilo).
  • Carpeta de image-generation: <Carpeta-del-skill>/../image-generation; incluye prompt-memo.md (formato del memo de prompt) y scripts/image_generation.py.
  • Ficha: un bloque temático del panel; campo, celda y elemento significan lo mismo.
  • Matriz de fichas: disposición de las fichas, leída como filas × columnas.
  • Tarjetas / Estaciones: cómo aparecen las fichas en la imagen, según el estilo en stile.md (columna Fichas).

Lee stile.md en cuanto necesites un estilo (consulta de estilo, autoselección, prompt).

1. Determinar la entrada

Consulta de estilo ("¿Qué estilos están soportados?", "¿Qué estilos hay?", "Lista de estilos"): Responde solo con la lista de stile.md, Resumen, una línea por estilo en la forma "<estilo> — ", en el orden de la tabla. Sin panel, sin prompt, sin más explicación. Fin.

Falta <P>/@/: no crear nada. Informa: "Los paneles se crean en un proyecto AIOS (carpeta con @/) porque el memo de prompt y la imagen se guardan en @Prompt/ y @Image/. ¿Debo inicializar esta carpeta con /aios-init?" Fin.

En caso contrario, lee de la solicitud (todo excepto los temas es opcional):

EntradaReconocerSin indicación
Temastodo lo que no pertenezca a otra entrada—
Estilostyle=<estilo>, "en estilo ", "como panel ", "en "; mayúsculas/minúsculas indistintoAutoselección
Matriz de fichasver más abajoAutoselección
Formato"16:9", "3:2", "vertical", "cuadrado"Formato del estilo (stile.md)
directo"directo", "inmediato"Esquema para confirmación
manual"manual", "sin Codex"Codex

Matriz de fichas

IndicaciónDisposición
"2x3 fichas", "2 × 3 campos"2 filas con 3 fichas cada una
"3x1 fichas"3 filas con 1 ficha cada una
"3 columnas"1 fila con 3 fichas (1×3)
"2 filas"2 filas con 1 ficha cada una (2×1)
"2 filas, 3 columnas"2×3
"1.ª fila: 3 campos, 2.ª fila: 2 campos"Fila 1 con 3, fila 2 con 2 fichas
"5 fichas" (solo un número)Cantidad fija, disposición por autoselección

Se permiten 1–4 filas, 1–4 fichas por fila, en total 2–12 fichas. Si una indicación está fuera de rango, menciona el límite y sugiere en el esquema la disposición permitida más cercana.

Autoselección

  • Estilo: el estilo cuya columna Se ajusta a en stile.md se adapte mejor al tema, sector y propósito; sin acierto claro, neo.
  • Matriz de fichas: una ficha por bloque temático; 2–4 bloques del mismo nivel en una fila; 5–8 bloques en dos filas; una secuencia (pasos, etapas) en dirección de lectura o, si son estaciones, como un recorrido de estación a estación.
  • Muestra cada elección en el esquema con una frase de justificación.

Estilo desconocido

Si un estilo mencionado no está en stile.md:

  1. Di: "El estilo «» no lo conozco."
  2. Elige un estilo del catálogo (autoselección).
  3. Pregunta con las respuestas OK y Cancelar (herramienta de selección; si no, como pregunta): "Puedo improvisar el estilo «». ¿Lo hago?"
    • OK: Describe el estilo a partir de su nombre siguiendo el patrón de stile.md (descripción, palabras clave, evitar, formato, fichas), sin plantilla de estilo. La descripción solo vale para esta invocación.
    • Cancelar: Se aplica el estilo del catálogo autoseleccionado.

2. Sector

Si el tema tiene una relación con un cliente, deduce un sector del contexto y pregunta una vez: "Asigno esto al sector — ¿es correcto o debo usar otro?" Si el sector se deduce claramente del contexto, menciónalo solo. En temas de conocimiento general sin relación con un cliente: sin sector, sin pregunta. El sector determina el lenguaje visual: objetos y escenas típicos del sector en lugar de imágenes genéricas de tecnología o robots.

3. Esquema

Muestra el esquema:

**Título del banner:** <Título del banner>
**Subtítulo:** <opcional>
**Estilo:** `<estilo>` — <justificación en autoselección>
**Disposición:** <filas y fichas> — <justificación en autoselección>
**Formato:** <relación de aspecto>
**Sector:** <sector o "—">

| Ficha | Título | Pregunta guía | Puntos clave |
|---|---|---|---|
| Z1/1 | … | … | … |

**Fórmula al pie:** PALABRA — PALABRA — PALABRA
  • Cada ficha: título breve, pregunta guía en una frase, 2–5 puntos clave.
  • El título del banner y la fórmula al pie (tres palabras en mayúsculas) aparecen en todos los paneles. Una línea de tiempo es contenido de una ficha, no una parte fija.
  • Textos en alemán, a menos que el usuario indique otro idioma.

Pregunta: "¿El esquema es correcto?" Incorpora los cambios y muestra el esquema actualizado. Sin confirmación, no se escribe el memo de prompt.

Excepción: Si el usuario dice "directo" y menciona estilo y matriz de fichas, muestra el esquema y continúa sin preguntar.

4. Memo de prompt

Número NN:

python3 <carpeta-de-image-generation>/scripts/image_generation.py next-number "<P>"

Si falta el script, se aplica la misma regla manual: número más alto en @Prompt/ y @Image/ juntos más 1, con dos dígitos y cero a la izquierda.

Lee <carpeta-de-image-generation>/prompt-memo.md y escribe <P>/@Prompt/NN <Título del banner> — Panel <estilo>.md en este formato (crea @Prompt/ si falta):

SecciónContenido
Cabecera**Sobre:** Panel; **Fuente:** solicitud y esquema confirmado; **Relacionado:** plantilla de estilo con ruta absoluta
PropósitoTema y mensaje del panel en dos o tres frases
Idea visualuna línea por ficha: Parte (ficha), Forma (en tarjetas: tarjeta con imagen y texto; en estaciones: objeto o lugar en la imagen), Significado (pregunta guía); además, banner y fórmula al pie
EspecificacionesEstilo, plantilla de estilo, disposición, formato con tamaño en píxeles (16:9 → 1672 × 941, 3:2 → 1536 × 1024), textos textuales, "no en la imagen", archivo @Image/NN <Título del banner>.png
Prompt para ChatGPTprimero "Adjuntar: plantilla de estilo <Carpeta-del-skill>/stile/<estilo>.jpg" (ruta absoluta; se omite si el estilo es improvisado), luego el prompt como bloque de código
Después de la creaciónVerificar, almacenar, texto alternativo, retocar

Prompt (en alemán, en este orden):

  1. "Crea un panel explicativo en formato ."
  2. La Descripción del estilo de stile.md, junto con "Palabras clave del estilo: ".
  3. "La plantilla de estilo adjunta solo marca estilo, material y figuras, no la estructura ni los textos." (se omite si el estilo es improvisado)
  4. Estructura: banner arriba con título (y subtítulo); debajo las fichas fila por fila en la disposición, cada ficha con título, puntos clave breves y un elemento visual adecuado; en estaciones: cómo aparece cada ficha como estación y cómo están conectadas las estaciones (reglas especiales en stile.md); abajo la fórmula al pie. Con sector: "Usa objetos y escenas del sector , sin imágenes genéricas de tecnología o robots."
  5. La frase Evitar del estilo, complementada con "sin palabras ilegibles o mal escritas, sin diseño sobrecargado".
  6. "Textos, escritos exactamente así y ningún otro:" con todos los textos como lista.

Después de la creación:

  • Verificar: título del banner, títulos de fichas, puntos clave y fórmula al pie textuales; número de fichas y disposición por fila; características del estilo; formato; sin textos adicionales.
  • Retocar: "Mantén la estructura y el estilo, pero acorta los textos: solo título y palabras clave."

El memo de prompt lo escribes sin preguntar de nuevo; el esquema confirmado es la orden.

5. Transferencia a image-generation

Llama al skill image-generation mediante la herramienta de skills, con "Crea una imagen para @Prompt/NN" y, si es "manual", con el añadido "manual". A partir de ahí, se sigue el flujo de image-generation desde su paso 3: "¿Crear imagen?", Codex con la plantilla de estilo o transferencia manual, almacenamiento @Image/NN <Título del banner>.png, verificar, mostrar, hallazgos con memo de prompt posterior, commit.

Claude Code pregunta al llamar mediante la herramienta de skills; esto es esperado. Si el usuario rechaza, indica la ruta como prompt completo: "/image-generation Crea una imagen para @Prompt/NN".

Límites

  • Sin imagen sin esquema confirmado (excepto "directo" con estilo y matriz de fichas) y sin el sí de image-generation antes de generar.
  • Solo escribe el memo de prompt en @Prompt/; la imagen, verificación y commit los realiza image-generation.
  • Sin cajas de copia FLUX u OpenArt, sin prompts negativos como lista de palabras clave.
  • Sin logotipos, marcas o personajes de estudios conocidos; sin clientes reales sin deseo del usuario.
  • Una descripción de estilo improvisada no modifica stile.md.

Skills relacionados