CommunityImagengithub.com

geekfujiwara/slide-illustrations

Crea ilustraciones planas consistentes y ajústalas dentro de tarjetas de PowerPoint o espacios vacíos para ilustraciones, sin distorsión ni recortes accidentales. Útil para arte de tarjetas, ilustraciones puntuales o imágenes planas modernas.

¿Qué es slide-illustrations?

Esta habilidad permite a un agente de IA generar y colocar ilustraciones planas y coherentes dentro de diapositivas de PowerPoint, respetando los espacios disponibles sin deformar ni recortar el contenido. Es especialmente útil para crear arte de tarjetas, ilustraciones de relleno o imágenes de estilo plano moderno en presentaciones. El flujo de trabajo comienza midiendo el espacio real disponible en la diapositiva, usando herramientas de edición o el XML de la diapositiva si es necesario, y considerando márgenes de relleno y texto existente. A partir de ahí, selecciona un estilo uniforme para toda la presentación (line art de negocios o plano moderno) y genera la imagen con una relación de aspecto adecuada, aplicando un escalado proporcional para que encaje perfectamente en el espacio destinado. Finalmente, reajusta el texto adyacente, verifica que no haya superposiciones ni recortes, y genera texto alternativo conciso. La habilidad es completamente independiente y puede aplicarse sobre diapositivas existentes o diseños de tarjetas específicas.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/geekfujiwara/powerpoint-agent-skills/tree/HEAD/skills/slide-illustrations

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

Ilustraciones para Diapositivas

Procedimiento

  1. Confirma las tarjetas o diapositivas seleccionadas, la escena prevista y el arte solicitado. Usa las funciones de generación de imágenes disponibles solo cuando el usuario lo solicite. No pases texto confidencial, diagramas internos ni datos personales a un servicio de imágenes externo. Utiliza una descripción de escena aprobada y no sensible. Si la generación o medición no está disponible, indica la limitación y solicita un recurso o las dimensiones faltantes en lugar de inventar un resultado.
  2. Mide el espacio disponible real usando las herramientas de edición compatibles; usa el XML de la diapositiva solo si es accesible y necesario. Ten en cuenta el texto, el relleno y el arte existente. Mide en una unidad consistente: 914400 EMU = 1 pulgada; 12700 EMU = 1 punto.
  3. Para una tarjeta vacía, usa estas medidas iniciales opcionales, luego verifica el ajuste:
    • Relleno P = 0.20 in, espacio G = 0.15 in.
    • Tarjeta ancha (ancho >= 1.5 * alto): imagen a la izquierda, texto a la derecha. Ancho del espacio min(alto - 2*P, ancho*0.28); alto alto - 2*P.
    • Otras tarjetas: imagen sobre texto. Ancho del espacio ancho - 2*P; altura inicial de la imagen alto*0.45. Reserva el área restante para el texto.
    • Si una dimensión es no positiva o el texto no cabe, ajusta el diseño o pide dividir el contenido. No continúes con dimensiones no válidas.
  4. Selecciona un estilo para la presentación:
    • Line art de negocios: azul marino 1E2761, azul 2F6FD0, azul claro 8FB3E0, contornos finos, figuras redondeadas simples, fondo blanco o muy claro.
    • Plano moderno: sin contornos ni degradados, figuras simplificadas sin rostro, púrpura, azul lila, azul acero, azul marino y blanco, con una sutil sombra de elipse en el piso y fondo claro. Primero, iguala la paleta existente. Estas son alternativas, no reglas simultáneas.
  5. Solicita la relación de aspecto medida o la relación admitida más cercana con amplios márgenes de seguridad. No asumas que un espacio vertical debe usar una imagen cuadrada.
  6. Ajusta la imagen proporcionalmente: escala = min(ancho_espacio/ancho_imagen, alto_espacio/alto_imagen). Centra la imagen dentro del espacio; conserva la imagen completa sin estirar ni recortar. Usa un recorte aprobado por el usuario solo si se solicita explícitamente.
  7. Reajusta el texto adyacente sin cambiar su significado. Conserva las fuentes de la plantilla; apunta a un texto del cuerpo de al menos 14 pt. Pregunta antes de acortar materialmente el contenido. Añade texto alternativo conciso que describa el significado de la escena, no detalles decorativos.
  8. Inspecciona las diapositivas modificadas en busca de superposiciones, relación de aspecto, espacio vacío, texto legible y estilo consistente. Informa sobre los recursos generados o reutilizados y las limitaciones.

Patrones de indicaciones

Line art de negocios:

Ilustración vectorial plana de negocios de [escena], contornos finos y limpios, figuras redondeadas, paleta azul marino y azul que combine con la diapositiva, fondo claro, amplios márgenes de seguridad, [relación de aspecto del espacio], sin palabras, letras, números ni logotipos.

Plano moderno:

Ilustración plana moderna de [escena], persona simplificada sin rostro, panel redondeado azul lila, sombra de elipse púrpura en el piso, accesorios azul acero, acentos azul marino, fondo claro, sin contornos, sin degradados, [relación de aspecto del espacio], sin palabras, letras, números ni logotipos.

Independencia

Esta habilidad se puede usar por sí sola. Si una tarjeta de viaje o cualquier otro diseño proporciona un espacio explícito, usa ese espacio en lugar de recalcularlo a partir de toda la tarjeta.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados