# Diseño gráfico con IA (/web--graphic-design)

/web--graphic-design es una skill de Claude Code de la sección Web y Diseño. Convierte un briefing en diseños HTML, CSS y SVG autocontenidos: maquetas, gráficos sociales, kits de marca, presentaciones e infografías, con tres variantes.

- Versión web: https://skills.sgomez.dev/es/s/web--graphic-design
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Santiago Gómez de la Torre
- Licencia: MIT
- Código: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/graphic-design.md
- Actualizada el 30 mar 2026

## Cómo pedírselo

- `/web--graphic-design crea un mockup de mi app para presentarlo a inversores`
- `/web--graphic-design genera gráficos para Instagram sobre mi lanzamiento`
- `/web--graphic-design diseña un pitch deck para mi startup`

## Instalar

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Plugin de Claude Code:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install web-skills@claude-skills-collection
```

## Permisos

- Lee: `**/*`
- Escribe: `**/*.html`, `**/*.svg`, `**/*.css`
- Ejecuta: —
- Red: No
- Destructiva: No

## Descripción del autor (traducida)

Estudio de diseño con IA: genera mockups listos para producción, gráficos para redes sociales, kits de marca, pitch decks, infografías y más a partir de instrucciones en lenguaje natural

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)