Svg

baoyu-infographic es un framework de prompts para crear infografías estructuradas con 21 layouts y 20 estilos. Ayuda a analizar el contenido de origen, elegir el layout y el estilo más adecuados, y generar resúmenes visuales claros para diseño de interfaces, comparativas, flujos de trabajo y otros contenidos explicativos con mucha información.

diagram-generator ayuda a crear y editar diagramas de draw.io, Mermaid y Excalidraw a partir de entrada estructurada. Admite diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas ER, mapas mentales, diagramas de arquitectura y topologías de red, y puede leer archivos .drawio, .mmd y de Excalidraw existentes para facilitar las actualizaciones.

gsap-plugins ayuda a desarrolladores frontend a elegir, instalar y usar correctamente los plugins de GSAP. Cubre el registro de plugins, imports y orientación práctica para ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, plugins SVG, herramientas de easing y GSDevTools. Úsalo cuando necesites una guía clara de gsap-plugins en lugar de consejos genéricos sobre animación.

snipgrapher convierte código fuente en imágenes de fragmentos en PNG, SVG y WebP, con resaltado de sintaxis, temas reutilizables, perfiles y renders controlados por CLI. Usa el skill de snipgrapher cuando necesites recursos coherentes para documentación, changelogs, publicaciones en redes o snipgrapher para diseño de UI. Admite flujos de instalación, configuración, procesamiento por lotes y vigilancia para obtener resultados repetibles.

fireworks-tech-graph es un skill de diagramación para convertir descripciones de sistemas en diagramas SVG y PNG listos para producción. Incluye guía de instalación, scripts auxiliares, validación, plantillas y referencias de estilo para diagramas técnicos, flujos de arquitectura, vistas de secuencia y otros flujos visuales relacionados.

graphviz es una skill de diagramación basada en DOT para crear grafos dirigidos y no dirigidos con disposición automática. Úsala para árboles de dependencias, grafos de llamadas, jerarquías de paquetes, mapas de propiedad y otros casos de uso de graphviz para diagramación en los que una estructura legible importa más que la colocación manual. Ayuda a los agentes a generar DOT válido con menos errores de renderizado.

logo-generator te ayuda a crear logos SVG profesionales e imágenes de presentación pulidas para productos, marcas y conceptos. Combina guía de patrones de diseño, más de 6 variantes de logo, exportación de SVG a PNG y generación de fondos tipo showcase. Usa la skill logo-generator cuando necesites una guía rápida y estructurada para la creación de branding, con resultados editables y vistas previas listas para presentar.

Crea diagramas de arquitectura pulidos, con estética oscura, como archivos HTML independientes con SVG en línea. La skill architecture-diagram está pensada para diagramas de arquitectura de sistemas, infraestructura, cloud, seguridad y topología de red, y ofrece una vista lista para el navegador con colores semánticos, relaciones claras entre componentes y un estilo técnico coherente.

makepad-2.0-vector es una skill de gráficos vectoriales de Makepad 2.0 para diseño de UI tipo SVG. Úsala para crear iconos nítidos, badges, ilustraciones, degradados, filtros, transformaciones y elementos vectoriales animados con `Vector{}` o `Svg{}`. La guía te ayuda a instalar makepad-2.0-vector y a obtener resultados listos para implementar con menos incertidumbre.

La skill seo-images analiza el SEO y el rendimiento de las imágenes para contenido SEO, páginas de producto, artículos editoriales y otras páginas con mucho peso visual. Revisa el texto alternativo, el tamaño de archivo, los formatos, la entrega responsive, la carga diferida, el riesgo de CLS, la visibilidad en SERP de imágenes y opciones de optimización como WebP/AVIF y metadatos IPTC/XMP. Úsala cuando necesites una auditoría práctica y priorizada de imágenes.

logo-creator es un flujo de trabajo de IA para crear conceptos de logos, comparar variaciones, recortar, eliminar fondos y exportar recursos en SVG. Usa referencias de estilo, prompts de ejemplo y scripts auxiliares para crear logos, iconos, favicons y elementos de marca en ReScienceLab/opc-skills.