# AI graphic design studio (/web--graphic-design)

/web--graphic-design is a Claude Code skill in the Web & Design section. Turns a brief into self-contained HTML, CSS and SVG designs: mockups, social graphics, brand kits, pitch decks and infographics, with three variations.

- Web version: https://skills.sgomez.dev/en/s/web--graphic-design
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: Santiago Gómez de la Torre
- License: MIT
- Source: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/graphic-design.md
- Updated 30 Mar 2026

## How to ask for it

- `/web--graphic-design create a mockup of my app to show investors`
- `/web--graphic-design generate Instagram graphics for my launch`
- `/web--graphic-design design a pitch deck for my startup`

## Install

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
```

Claude Code plugin:

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

## Permissions

- Reads: `**/*`
- Writes: `**/*.html`, `**/*.svg`, `**/*.css`
- Runs: —
- Network: No
- Destructive: No

## Author's description

AI Design Studio — generate production-quality mockups, social graphics, brand kits, pitch decks, infographics, and more from natural language prompts

- [How we review this](https://skills.sgomez.dev/en/methodology.md)