← Artículos

Cómo instalar la skill logo-design en Claude Code y claude.ai

· 7 min de lectura

Para instalar la skill logo-design en Claude Code, corre /plugin marketplace add kaankiziltug/logo-design-skill y luego /plugin install logo-design@logo-design-skill. En claude.ai, descarga logo-design.zip de la página de Releases del repo y súbelo en Settings, Capabilities, Skills. Después pide un logo en lenguaje normal: la skill se activa sola y se detiene en un checkpoint para que elijas concepto.

La skill logo-design convierte a Claude en un diseñador de identidad con método: brief, investigación en una biblioteca de logos reales, tres conceptos en SVG, pruebas a tamaño chico y una pausa para que tú elijas. Es de código abierto (licencia MIT), la publicó Kaan Kiziltug el 26 de septiembre de 2026 y su última versión al escribir esto es la v1.4.3.

Esta guía te lleva por la instalación en Claude Code y en claude.ai, y por lo que pasa cuando le pides tu primer logo.

Qué necesitas antes de empezar

Paso 1: instálala en Claude Code (opción recomendada)

Dentro de una sesión de Claude Code, corre estos dos comandos:

```

/plugin marketplace add kaankiziltug/logo-design-skill

/plugin install logo-design@logo-design-skill

```

El primero agrega el repo como marketplace de plugins; el segundo instala la skill desde ahí.

Paso 1 bis: instalación manual en Claude Code

Si prefieres tener la carpeta a mano, clona el repo y copia la skill en tu carpeta de skills personal (sirve para todos tus proyectos) o en la del proyecto:

```bash

git clone https://github.com/kaankiziltug/logo-design-skill.git

cp -r logo-design-skill/skills/logo-design ~/.claude/skills/logo-design

# o, solo para este proyecto:

cp -r logo-design-skill/skills/logo-design .claude/skills/logo-design

```

Abre una sesión nueva para que Claude Code la cargue.

Paso 2: instálala en claude.ai o Claude Desktop

  1. Entra a la página de Releases del repo y descarga `logo-design.zip`.
  2. En claude.ai ve a Settings → Capabilities → Skills y súbelo.
  3. Si tu subida tiene límite de tamaño, usa `logo-design-lite.zip`: trae todo menos los archivos SVG de la biblioteca.

También puedes generar el zip tú mismo con `python3 tools/package_skill.py` desde el repo clonado.

No hace falta invocarla por nombre. La skill se activa cuando pides un logo, un wordmark, un monograma, un ícono de app o un favicon. Por ejemplo:

> «Diseña el logo de Café Altura, una cafetería de especialidad en Medellín que tuesta su propio café de montaña. Entrégamelo en SVG.»

Si das poca información, la skill entra en vía rápida: te hace como mucho cinco preguntas en un solo mensaje, o declara sus supuestos y va directo a tres conceptos.

Paso 4: entiende el checkpoint

Esta es la parte que más cambia el resultado. La skill sigue siete fases y se detiene después de la sexta:

  1. Brief: qué es la marca, para quién, qué evitar.
  2. Investigación: busca en su biblioteca de más de 1.400 logos reales (1.432 en el catálogo actual) cómo se ve la categoría, para no repetir los clichés.
  3. Conceptos: de 8 a 12 ideas de una línea; construye las 3 mejores.
  4. SVG en negro: primero la forma, el color después.
  5. Pruebas: 16 px, una tinta, negativo, prueba de entrecerrar los ojos, comparación con logos de referencia.
  6. Checkpoint: te muestra una sola imagen con los tres conceptos en gris, sus tamaños reales de 64, 32 y 16 px, una línea por idea y su recomendación. Y espera.
  7. Kit: solo si eliges una dirección y dices que sí, arma paleta, versiones horizontal y apilada, versión chica, favicon, íconos web, tablero de presentación y guía de uso.

Si nadie puede contestar (por ejemplo, en una corrida automática), la skill se detiene igual en el checkpoint y describe lo que traería el kit. Si quieres saltarte la pausa, tienes que decírselo explícitamente.

Paso 5: usa los scripts por tu cuenta

Los scripts también se pueden correr directo desde la carpeta de la skill:

```bash

cd skills/logo-design

python3 scripts/search_library.py --subject coffee

python3 scripts/search_library.py --subject mountain --summary

python3 scripts/svg_audit.py mi-logo.svg

python3 scripts/concept_sheet.py a.svg b.svg c.svg --names "A" "B" "C" --recommend 1 -o conceptos.png

python3 scripts/preview_sheet.py mi-logo.svg --refs-industry developer-tools -o preview.html

python3 scripts/render_png.py mi-logo.svg --size 512 -o mi-logo.png

python3 scripts/export_variants.py mi-logo.svg --mono "#0F7C80" --web-icons

```

Qué esperar (y qué no)

Preguntas frecuentes

¿Cómo instalo la skill logo-design en Claude Code?
Dentro de Claude Code corre /plugin marketplace add kaankiziltug/logo-design-skill y después /plugin install logo-design@logo-design-skill. Si prefieres hacerlo a mano, clona el repo y copia la carpeta skills/logo-design en ~/.claude/skills/logo-design o en la carpeta .claude/skills de tu proyecto.
¿Se puede usar la skill logo-design en claude.ai?
Sí. Descarga logo-design.zip desde la página de Releases del repositorio y súbelo en Settings, Capabilities, Skills. Si la subida tiene límite de tamaño, usa logo-design-lite.zip, que trae todo menos los archivos SVG de la biblioteca de logos de referencia.
¿Por qué la skill se detiene antes de entregarme el logo final?
Porque está diseñada con un checkpoint: después de construir y probar tres conceptos te muestra la hoja con su recomendación y espera tu elección. El kit completo con colores, versiones y favicon solo se arma cuando eliges una dirección, porque es la mayor parte del trabajo.
¿Necesito instalar algo más para que funcionen los scripts?
Solo Python 3.8 o superior, porque los scripts usan la librería estándar. Para exportar PNG o favicon necesitas algún renderizador disponible: cairosvg, rsvg-convert, Inkscape, un navegador basado en Chromium o Quick Look en Mac. La skill elige el que encuentre.

Fuentes

MÁQUINA IA

La comunidad donde dejas de usar IA y empiezas a dirigirla.

Entrar a la comunidad →