Svg

Svg skills and workflows surfaced by the site skill importer.

11 skills
J
baoyu-infographic

por JimLiu

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.

UI Design
Favoritos 0GitHub 13.2k
O
diagram-generator

por openclaw

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.

Diagramming
Favoritos 0GitHub 4k
G
gsap-plugins

por greensock

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.

Frontend Development
Favoritos 0GitHub 3.2k
M
snipgrapher

por mcollina

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.

UI Design
Favoritos 0GitHub 1.8k
Y
fireworks-tech-graph

por yizhiyanhua-ai

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.

Diagramming
Favoritos 0GitHub 1.6k
M
graphviz

por markdown-viewer

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.

Diagramming
Favoritos 0GitHub 1.1k
O
logo-generator

por op7418

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.

Branding
Favoritos 0GitHub 563
C
architecture-diagram

por Cocoon-AI

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.

Diagramming
Favoritos 0GitHub 183
Z
makepad-2.0-vector

por ZhangHanDong

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.

UI Design
Favoritos 0GitHub 0
A
seo-images

por AgriciDaniel

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.

SEO Content
Favoritos 0GitHub 0
R
logo-creator

por ReScienceLab

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.

Branding
Favoritos 0GitHub 0
Svg