theSVGpor glincker

theSVG Skill.

Obtén una marca o un icono de servicio ya existente en el formato que necesita tu proyecto.

Recursos de marca
SVG
Diagramas de nube

Revisión de la fuente · theSVGSKILL.md

Tarea Recursos de marca Produce • Slugs y variantes verificados para las marcas solicitadas. • URL de SVG listas para usar o código sin procesar adecuado al destino. • Un recordatorio sobre derechos y una alternativa cuando falte una marca, si procede. Antes de empezar Requiere acceso de red al registro o a la CDN. Las integraciones con React, CLI, Figma y MCP son opcionales y no son requisitos para obtener una URL sencilla.

Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Encuentra SVG de marcas sin adivinar rutas de recursos

Un flujo de obtención de recursos de marca basado en un registro, con endpoints SVG predecibles, selección de variantes, formas de integración y recordatorios de derechos.

Flujo basado en la fuenteNo es una prueba de ejecución

Cómo funciona

theSVG es un skill de obtención para marcas, frameworks y servicios en la nube con nombre. Usa un registro para resolver un nombre de marca o alias a un slug, comprueba las variantes disponibles y devuelve una URL de CDN, SVG sin procesar o una forma específica de integración. No sirve para diseñar un logotipo nuevo ni para elegir un icono de menú genérico.

La fuente distingue entre la obtención automatizada y la inserción de una URL en una página para usuarios, y prefiere el endpoint de jsDelivr para las solicitudes de agentes. También mantiene visibles los límites de licencia: la licencia MIT del repositorio no elimina las restricciones de marca registrada de cada marca. Comprueba el registro para cada recurso solicitado en lugar de fiarte del tamaño de biblioteca que anuncia la fuente.

Entregables esperados

Slugs y variantes verificados para las marcas solicitadas.
URL de SVG listas para usar o código sin procesar adecuado al destino.
Un recordatorio sobre derechos y una alternativa cuando falte una marca, si procede.

Ver el brief de ejemplo

Del brief a la revisión

01
Resolver la marca
Busca el nombre solicitado en el registro mediante títulos y alias en lugar de inventar una ruta de archivo.
02
Elegir una variante disponible
Ajusta el fondo y el caso de uso a las variantes listadas y recurre a la predeterminada cuando no exista la versión preferida.
03
Devolver la forma adecuada
Proporciona incrustación en Markdown o HTML, código SVG o la forma documentada de React/CLI cuando el proyecto ya use esa integración.
04
Revisar los derechos de uso
Consulta las directrices de marca para el uso comercial y conserva cualquier restricción propia de cada recurso.

02 Cuándo usarlo

Cuándo usarlo

Requiere acceso de red al registro o a la CDN. Las integraciones con React, CLI, Figma y MCP son opcionales y no son requisitos para obtener una URL sencilla.

Buen encaje

Páginas de integracionesÚtil para reunir marcas reales para las integraciones compatibles.
Diagramas de arquitectura en la nubePuede agrupar las URL de iconos de servicios de AWS, Azure o GCP según su función en un diagrama.
Recursos de documentaciónOfrece una obtención coherente de logotipos de frameworks y empresas para archivos README o guías técnicas.

Límites a comprobar

No son iconos genéricos de interfazLas flechas, los chevrones y los glifos de menú pertenecen a una biblioteca de iconos de interfaz, no a este registro de marcas.
No es una autorización de marcaLas marcas siguen perteneciendo a sus titulares. Una licencia de código no es permiso para alterarlas ni combinarlas en una nueva identidad.

Aporta estos datos

Marca o servicio exactoIndica el producto, framework, empresa o servicio en la nube.
Formato de destinoEspecifica HTML, Markdown, React, SVG sin procesar o un diagrama de arquitectura.
Fondo y varianteIndica el contexto claro u oscuro y si se necesita un símbolo o un logotipo con texto.

03 Decisiones importantes

Decisiones que importan

Registro antes que suposiciones
Comprobar las variantes disponibles evita una URL de apariencia plausible que no devuelve ningún recurso.
La entrega se adapta al consumidor
Un agente que obtiene código y una página que incrusta una imagen pueden usar endpoints distintos sin cambiar la marca original.
Los derechos del recurso van aparte
La fuente distingue expresamente entre la licencia del software y las condiciones de las marcas y de los iconos de la nube.

04 Ejemplo de brief

Prueba un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisar la configuración

Revisa las instrucciones de instalación de Skills del repositorio. El comando documentado npx @thesvg/cli add añade un recurso de icono; no es un comando de instalación de un Skill.

Archivo fuente original

https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md

Requiere acceso de red al registro o a la CDN. Las integraciones con React, CLI, Figma y MCP son opcionales y no son requisitos para obtener una URL sencilla.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo

Usa thesvg para obtener recursos del registro de GitHub, Stripe, AWS Lambda y AWS S3 para un diagrama de integración con fondo claro. Confirma cada slug y variante disponible, devuelve URL de SVG agrupadas con texto alternativo descriptivo e indica las restricciones de uso de marca. No cambies el color ni deformes las marcas.

Inspeccionar el resultado

Comprueba el resultado real con estos criterios observables.

Todos los slugs y variantes solicitados existen en el registro.
Los recursos siguen siendo legibles sobre el fondo solicitado.
La entrega no da a entender que MIT conceda derechos sobre todas las marcas.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill incluya sus herramientas externas, credenciales ni dependencias de software.

Descargar OpenDesign Leer la guía de inicio rápido

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fija de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente: glincker
Repositorio: glincker/thesvg
Archivo del skill: skills/thesvg/SKILL.md
Licencia: MIT
Versión revisada: 2026-10-07 · 0ea4d44764ab

Resumen editorial de la fuente

Un flujo de obtención de recursos de marca basado en un registro, con endpoints SVG predecibles, selección de variantes, formas de integración y recordatorios de derechos.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no una medida de uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Crea un logotipo personalizado?

No. Obtiene recursos existentes de marcas y servicios en la nube con nombre; un flujo de diseño de logotipos es otra tarea distinta.

¿Puede devolver un logotipo blanco para un fondo oscuro?

Puede seleccionar una variante adecuada de las listadas, pero debe recurrir a otra de forma honesta si esa variante no existe.

¿Se pueden editar libremente todos los SVG porque el repositorio es MIT?

No. La fuente advierte de que las marcas conservan sus propias normas de uso y describe expresamente los iconos de arquitectura de AWS como sujetos a términos aparte que prohíben las obras derivadas.

OpenDesign

Deja espacio para la próxima iteración de diseño.

Mantén tu brief, el material de origen y el trabajo de diseño juntos en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Descargar OpenDesign Explorar skills de diseño