Svg

Svg skills and workflows surfaced by the site skill importer.

11 skills
J
baoyu-infographic

por JimLiu

baoyu-infographic é um framework de prompts para criar infográficos estruturados, com 21 layouts e 20 estilos. Ele ajuda a analisar o conteúdo de origem, escolher o layout e o estilo mais adequados e gerar resumos visuais claros para design de UI, comparações, fluxos de trabalho e outros conteúdos explicativos mais densos.

UI Design
Favoritos 0GitHub 13.2k
O
diagram-generator

por openclaw

diagram-generator ajuda a criar e editar diagramas do draw.io, Mermaid e Excalidraw a partir de entradas estruturadas. Suporta fluxogramas, diagramas de sequência, diagramas de classes, diagramas ER, mapas mentais, diagramas de arquitetura e topologias de rede, além de ler arquivos .drawio, .mmd e do Excalidraw existentes para facilitar atualizações.

Diagramming
Favoritos 0GitHub 4k
G
gsap-plugins

por greensock

O gsap-plugins ajuda desenvolvedores frontend a escolher, instalar e usar os plugins do GSAP do jeito certo. Ele cobre registro de plugins, imports e orientações práticas para ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, plugins SVG, ferramentas de easing e GSDevTools. Use este guia quando precisar de uma referência clara sobre gsap-plugins, em vez de conselhos genéricos de animação.

Frontend Development
Favoritos 0GitHub 3.2k
M
snipgrapher

por mcollina

O snipgrapher transforma código-fonte em imagens de snippets em PNG, SVG e WebP, com syntax highlight, temas reutilizáveis, perfis e renders conduzidos por CLI. Use o skill snipgrapher quando precisar de assets consistentes para documentação, changelogs, posts sociais ou snipgrapher para UI Design. Ele oferece fluxos de instalação, configuração, lote e monitoramento para gerar resultados repetíveis.

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

por yizhiyanhua-ai

fireworks-tech-graph é uma skill de diagramação para transformar descrições de sistemas em diagramas SVG e PNG prontos para produção. Inclui orientação de instalação, scripts auxiliares, validação, templates e referências de estilo para diagramas técnicos, fluxogramas de arquitetura, sequências e fluxos visuais relacionados.

Diagramming
Favoritos 0GitHub 1.6k
M
graphviz

por markdown-viewer

graphviz é uma skill de diagramas baseada em DOT para criar grafos direcionados e não direcionados com layout automático. Use-a para árvores de dependência, call graphs, hierarquias de pacotes, mapas de ownership e outros casos de uso de graphviz para diagramas em que uma estrutura legível importa mais do que o posicionamento manual. Ela ajuda agentes a produzir DOT válido com menos erros de renderização.

Diagramming
Favoritos 0GitHub 1.1k
O
logo-generator

por op7418

O logo-generator ajuda você a criar logos profissionais em SVG e imagens de showcase refinadas para produtos, marcas e conceitos. Ele combina orientação de padrões de design, mais de 6 variações de logo, exportação de SVG para PNG e geração de fundos de showcase. Use o skill logo-generator quando precisar de um guia rápido e estruturado de logo-generator para Branding, com saída editável e prévias prontas para apresentação.

Branding
Favoritos 0GitHub 563
C
architecture-diagram

por Cocoon-AI

Crie diagramas de arquitetura polidos, com tema escuro, como arquivos HTML independentes com SVG embutido. A skill architecture-diagram foi feita para diagramas de arquitetura de sistemas, infraestrutura, cloud, segurança e topologia de rede, oferecendo uma visualização pronta para o navegador com cores semânticas, relações claras entre componentes e um estilo técnico consistente.

Diagramming
Favoritos 0GitHub 183
Z
makepad-2.0-vector

por ZhangHanDong

makepad-2.0-vector é uma skill de gráficos vetoriais do Makepad 2.0 para trabalhos de UI em estilo SVG. Use-a para criar ícones nítidos, badges, ilustrações, gradientes, filtros, transforms e elementos vetoriais animados com Vector{} ou Svg{}. Este guia ajuda você a instalar o makepad-2.0-vector e chegar a um resultado pronto para implementação com menos tentativa e erro.

UI Design
Favoritos 0GitHub 0
A
seo-images

por AgriciDaniel

A skill seo-images analisa SEO de imagens e desempenho para conteúdo SEO, páginas de produto, posts editoriais e outras páginas com muitas imagens. Ela verifica texto alt, tamanho de arquivo, formatos, entrega responsiva, lazy loading, risco de CLS, visibilidade de imagens na SERP e opções de otimização como WebP/AVIF e metadados IPTC/XMP. Use-a quando precisar de uma auditoria prática e priorizada de imagens.

SEO Content
Favoritos 0GitHub 0
R
logo-creator

por ReScienceLab

logo-creator é um fluxo de trabalho com IA para criar conceitos de logo, comparar variações, recortar imagens, remover fundos e exportar ativos em SVG. Usa referências de estilo, prompts de exemplo e scripts auxiliares para criar logos, ícones, favicons e marcas no repositório ReScienceLab/opc-skills.

Branding
Favoritos 0GitHub 0
Svg