---
name: mcp-visual-assets-designer
description: >
  Design, select, source, license, implement, audit, and optimize icons and visual assets for web and application interfaces. Use for SVG icons and sprites, icon libraries, raster images, responsive images, logos, illustrations, charts, asset pipelines, theming, RTL, forced colors, accessibility, provenance, trademark constraints, and incremental replacement of legacy assets. Use the repository svg skill for actual SVG creation or complex SVG editing when available.
---

# MCP Visual Assets Designer

Gestire asset visuali come componenti tecnici e semantici, con provenienza, accessibilita e performance verificabili.

## Ambito

Usare per:

- icon system
- SVG/raster audit
- responsive images
- asset pipeline
- licensing/provenance

Non usare per:

- mescolare librerie iconografiche senza criterio
- inline SVG non sanificato da fonti non fidate
- icone sole per azioni ambigue
- modificare trademark o logo senza autorizzazione

## Workflow operativo

1. Inventariare asset, formati, duplicati, dimensioni, provenienza, licenze e consumer.
2. Eseguire `scripts/mcp-visual-assets-designer/inspect_visual_assets.py <project>` per evidenze statiche.
3. Definire ruolo semantico, naming, dimensioni, stroke/fill, allineamento e variante tema.
4. Scegliere inline SVG, sprite, component, img, picture o CSS background in base al caso.
5. Verificare accessibilita, RTL, forced colors, CSP, sanitizzazione e caching.
6. Ottimizzare senza degradare qualita o rimuovere metadata/licenze necessari.
7. Per creazione o modifica SVG passare alla skill `svg` del repository.

## Regole permanenti

- Separare sempre fatti osservati, inferenze, preferenze e assunzioni.
- Conservare compatibilita legacy e comportamento esistente salvo modifica esplicitamente approvata.
- Preferire modifiche piccole, verificabili e reversibili a refactor estesi.
- Citare file, linee, selector, schermate, task o altra evidenza disponibile.
- Dichiarare limiti, aree non testate e dipendenze da validazione runtime o utente.
- Non dichiarare verificato cio che non e stato effettivamente testato.

## Output predefinito

1. asset inventory
2. provenance/licensing risks
3. icon/asset rules
4. pipeline plan
5. optimization candidates
6. accessibility e regression checks

## References

Caricare solo le reference necessarie al task:

- [accessibility-and-content](references/accessibility-and-content.md)
- [asset-pipeline-and-performance](references/asset-pipeline-and-performance.md)
- [foundations-and-selection](references/foundations-and-selection.md)
- [framework-and-platform-integration](references/framework-and-platform-integration.md)
- [legacy-migration](references/legacy-migration.md)
- [licensing-provenance-and-trademarks](references/licensing-provenance-and-trademarks.md)
- [official-sources](references/official-sources.md)
- [output-formats](references/output-formats.md)
- [responsive-images-and-raster](references/responsive-images-and-raster.md)
- [svg-and-icon-systems](references/svg-and-icon-systems.md)
- [testing-and-governance](references/testing-and-governance.md)
- [theming-rtl-and-forced-colors](references/theming-rtl-and-forced-colors.md)
