illustrator-mcp-server 1.4.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.de.md +539 -0
- package/README.es.md +539 -0
- package/README.fr.md +539 -0
- package/README.ja.md +4 -3
- package/README.ko.md +539 -0
- package/README.md +4 -3
- package/README.pt-BR.md +539 -0
- package/README.zh-CN.md +539 -0
- package/dist/bundle.cjs +487 -150
- package/dist/tools/modify/import-svg-as-editable.d.ts +3 -0
- package/dist/tools/modify/import-svg-as-editable.d.ts.map +1 -0
- package/dist/tools/modify/import-svg-as-editable.js +247 -0
- package/dist/tools/modify/import-svg-as-editable.js.map +1 -0
- package/dist/tools/modify/place-image.d.ts.map +1 -1
- package/dist/tools/modify/place-image.js +17 -2
- package/dist/tools/modify/place-image.js.map +1 -1
- package/dist/tools/registry.d.ts.map +1 -1
- package/dist/tools/registry.js +2 -0
- package/dist/tools/registry.js.map +1 -1
- package/package.json +6 -6
package/README.es.md
ADDED
|
@@ -0,0 +1,539 @@
|
|
|
1
|
+
[🇺🇸 English](README.md) | [🇯🇵 日本語](README.ja.md) | [🇨🇳 简体中文](README.zh-CN.md) | [🇰🇷 한국어](README.ko.md) | **🇪🇸 Español** | [🇩🇪 Deutsch](README.de.md) | [🇫🇷 Français](README.fr.md) | [🇵🇹 Português (BR)](README.pt-BR.md)
|
|
2
|
+
|
|
3
|
+
# Illustrator MCP Server
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/illustrator-mcp-server)
|
|
6
|
+
[](LICENSE)
|
|
7
|
+
[]()
|
|
8
|
+
[](https://www.adobe.com/products/illustrator.html)
|
|
9
|
+
[](https://modelcontextprotocol.io/)
|
|
10
|
+
[](https://ko-fi.com/cyocun)
|
|
11
|
+
|
|
12
|
+
Un servidor [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) para leer, manipular y exportar datos de diseño de Adobe Illustrator — con 63 herramientas integradas.
|
|
13
|
+
|
|
14
|
+
Controla Illustrator directamente desde asistentes de IA como Claude — extrae información de diseño para implementación web, verifica datos listos para imprenta y exporta recursos.
|
|
15
|
+
|
|
16
|
+
[](https://glama.ai/mcp/servers/ie3jp/illustrator-mcp-server)
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## 🎨 Galería
|
|
21
|
+
|
|
22
|
+
Todo el material gráfico mostrado a continuación fue creado íntegramente por Claude mediante conversación en lenguaje natural — sin ninguna operación manual en Illustrator.
|
|
23
|
+
|
|
24
|
+
<table>
|
|
25
|
+
<tr>
|
|
26
|
+
<td align="center"><img src="docs/images/example-event-poster.png" width="300" alt="Póster de evento — SYNC TOKYO 2026" /><br><b>Póster de Evento</b></td>
|
|
27
|
+
<td align="center"><img src="docs/images/example-logo-concepts.png" width="300" alt="Conceptos de logotipo — Slow Drip Coffee Co." /><br><b>Conceptos de Logotipo</b></td>
|
|
28
|
+
</tr>
|
|
29
|
+
<tr>
|
|
30
|
+
<td align="center"><img src="docs/images/example-business-card.png" width="300" alt="Tarjeta de presentación — KUMO Studio" /><br><b>Tarjeta de Presentación</b></td>
|
|
31
|
+
<td align="center"><img src="docs/images/example-twilight-geometry.png" width="300" alt="Twilight Geometry — paisaje geométrico abstracto" /><br><b>Twilight Geometry</b></td>
|
|
32
|
+
</tr>
|
|
33
|
+
</table>
|
|
34
|
+
|
|
35
|
+
> Consulta los [desgloses detallados](#ejemplo-patrón-de-prueba-smpte) más abajo para ver prompts, uso de herramientas y estructura de mesas de trabajo.
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
> [!TIP]
|
|
40
|
+
> Desarrollar y mantener esta herramienta requiere tiempo y recursos.
|
|
41
|
+
> Si te resulta útil en tu flujo de trabajo, tu apoyo significa mucho — [☕ ¡invítame un café!](https://ko-fi.com/cyocun)
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
## 🚀 Inicio Rápido
|
|
46
|
+
|
|
47
|
+
### 🛠️ Claude Code
|
|
48
|
+
|
|
49
|
+
Requiere [Node.js 20+](https://nodejs.org/).
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
claude mcp add illustrator-mcp -- npx illustrator-mcp-server
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### 🖥️ Claude Desktop
|
|
56
|
+
|
|
57
|
+
1. Descarga **`illustrator-mcp-server.mcpb`** desde [GitHub Releases](https://github.com/ie3jp/illustrator-mcp-server/releases/latest)
|
|
58
|
+
2. Abre Claude Desktop → **Ajustes** → **Extensions**
|
|
59
|
+
3. Arrastra y suelta el archivo `.mcpb` dentro del panel de Extensions
|
|
60
|
+
4. Haz clic en el botón **Install**
|
|
61
|
+
|
|
62
|
+
<details>
|
|
63
|
+
<summary><strong>Alternativa: configuración manual (siempre actualizado vía npx)</strong></summary>
|
|
64
|
+
|
|
65
|
+
> [!NOTE]
|
|
66
|
+
> La extensión `.mcpb` no se actualiza automáticamente. Para actualizar, descarga la nueva versión y reinstala. Si prefieres actualizaciones automáticas, usa el método npx que se describe a continuación.
|
|
67
|
+
|
|
68
|
+
Requiere [Node.js 20+](https://nodejs.org/). Abre el archivo de configuración y añade los ajustes de conexión.
|
|
69
|
+
|
|
70
|
+
#### 1. Abrir el archivo de configuración
|
|
71
|
+
|
|
72
|
+
Desde la barra de menú de Claude Desktop:
|
|
73
|
+
|
|
74
|
+
**Claude** → **Settings...** → **Developer** (en la barra lateral izquierda) → Haz clic en el botón **Edit Config**
|
|
75
|
+
|
|
76
|
+
#### 2. Añadir los ajustes
|
|
77
|
+
|
|
78
|
+
```json
|
|
79
|
+
{
|
|
80
|
+
"mcpServers": {
|
|
81
|
+
"illustrator": {
|
|
82
|
+
"command": "npx",
|
|
83
|
+
"args": ["illustrator-mcp-server"]
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
> [!NOTE]
|
|
90
|
+
> Si instalaste Node.js con un gestor de versiones (nvm, mise, fnm, etc.), es posible que Claude Desktop no encuentre `npx`. En ese caso, usa la ruta completa:
|
|
91
|
+
> ```json
|
|
92
|
+
> "command": "/full/path/to/npx"
|
|
93
|
+
> ```
|
|
94
|
+
> Ejecuta `which npx` en tu terminal para localizar la ruta.
|
|
95
|
+
|
|
96
|
+
#### 3. Guardar y reiniciar
|
|
97
|
+
|
|
98
|
+
1. Guarda el archivo y cierra el editor de texto
|
|
99
|
+
2. **Cierra por completo** Claude Desktop (⌘Q / Ctrl+Q) y vuelve a abrirlo
|
|
100
|
+
|
|
101
|
+
</details>
|
|
102
|
+
|
|
103
|
+
> [!CAUTION]
|
|
104
|
+
> La IA puede equivocarse. No dependas en exceso del resultado — **siempre haz que una persona revise los datos de entrega finales**. El usuario es responsable de los resultados.
|
|
105
|
+
|
|
106
|
+
> [!NOTE]
|
|
107
|
+
> **macOS:** En la primera ejecución, concede acceso de automatización en Ajustes del Sistema > Privacidad y Seguridad > Automatización.
|
|
108
|
+
|
|
109
|
+
> [!NOTE]
|
|
110
|
+
> Las herramientas de modificación y exportación traerán Illustrator al primer plano durante su ejecución.
|
|
111
|
+
|
|
112
|
+
### Múltiples Versiones de Illustrator
|
|
113
|
+
|
|
114
|
+
Si tienes varias versiones de Illustrator instaladas, puedes indicarle a Claude cuál utilizar durante la conversación. Basta con decir algo como "Usa Illustrator 2024" y la herramienta `set_illustrator_version` apuntará a esa versión.
|
|
115
|
+
|
|
116
|
+
> [!NOTE]
|
|
117
|
+
> Si Illustrator ya está en ejecución, el servidor se conecta a la instancia activa sin importar la configuración de versión. La versión solo se usa para iniciar la versión correcta cuando Illustrator aún no está abierto.
|
|
118
|
+
|
|
119
|
+
---
|
|
120
|
+
|
|
121
|
+
## 🎬 Qué Puedes Hacer
|
|
122
|
+
|
|
123
|
+
```
|
|
124
|
+
Tú: Muéstrame toda la información de texto en este documento
|
|
125
|
+
Claude: → list_text_frames → get_text_frame_detail
|
|
126
|
+
Hay 12 cuadros de texto en el documento.
|
|
127
|
+
El título "My Design" usa Noto Sans JP Bold 48px, color #333333 ...
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
```
|
|
131
|
+
Tú: Ejecuta una verificación preflight para imprenta
|
|
132
|
+
Claude: → preflight_check
|
|
133
|
+
⚠ 2 advertencias:
|
|
134
|
+
- Imagen de baja resolución: image_01.jpg (150dpi) — se recomienda 300dpi o superior
|
|
135
|
+
- Fuentes sin trazar: 3 cuadros de texto
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
```
|
|
139
|
+
Tú: Revisa el texto en busca de inconsistencias
|
|
140
|
+
Claude: → check_text_consistency
|
|
141
|
+
📝 Informe de Consistencia:
|
|
142
|
+
⚠ "Contact Us" vs "Contact us" — discrepancia de mayúsculas
|
|
143
|
+
❌ "Lorem ipsum" (2 lugares) — queda texto de relleno
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
```
|
|
147
|
+
Tú: Crea variaciones de tamaño de banner a partir de este flyer A4
|
|
148
|
+
Claude: → get_document_info → resize_for_variation
|
|
149
|
+
Se crearon 3 variaciones de tamaño:
|
|
150
|
+
- 728×90 / 300×250 / 160×600
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
---
|
|
154
|
+
|
|
155
|
+
## 📖 Recetas
|
|
156
|
+
|
|
157
|
+
<details>
|
|
158
|
+
<summary><b>Extraer colores y fuentes para CSS</b></summary>
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
Tú: Resume los colores y la tipografía de este diseño
|
|
162
|
+
|
|
163
|
+
Claude: → get_colors → list_text_frames → get_text_frame_detail
|
|
164
|
+
|
|
165
|
+
■ Paleta de Colores
|
|
166
|
+
- Primario: #1A73E8 (CMYK: 85,50,0,0)
|
|
167
|
+
- Secundario: #34A853
|
|
168
|
+
- Texto: #202124
|
|
169
|
+
- Fondo: #FFFFFF
|
|
170
|
+
|
|
171
|
+
■ Tipografía
|
|
172
|
+
- Títulos: Noto Sans JP Bold / 32px
|
|
173
|
+
- Cuerpo: Noto Sans JP Regular / 16px / line-height: 1.75
|
|
174
|
+
- Pies de foto: Noto Sans JP Medium / 12px
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
</details>
|
|
178
|
+
|
|
179
|
+
<details>
|
|
180
|
+
<summary><b>Exportar mesas de trabajo como SVG / PNG</b></summary>
|
|
181
|
+
|
|
182
|
+
```
|
|
183
|
+
Tú: Exporta todas las mesas de trabajo como SVG con el texto trazado
|
|
184
|
+
|
|
185
|
+
Claude: → get_artboards → convert_to_outlines → export (repetido)
|
|
186
|
+
|
|
187
|
+
Se exportaron 4 mesas de trabajo:
|
|
188
|
+
- /output/header.svg
|
|
189
|
+
- /output/hero.svg
|
|
190
|
+
- /output/feature.svg
|
|
191
|
+
- /output/footer.svg
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
</details>
|
|
195
|
+
|
|
196
|
+
<details>
|
|
197
|
+
<summary><b>Verificar el cumplimiento PDF/X-1a antes de la entrega</b></summary>
|
|
198
|
+
|
|
199
|
+
```
|
|
200
|
+
Tú: Comprueba si este documento cumple con PDF/X-1a
|
|
201
|
+
|
|
202
|
+
Claude: → preflight_check (target_pdf_profile: "x1a")
|
|
203
|
+
|
|
204
|
+
❌ Errores de cumplimiento PDF/X-1a:
|
|
205
|
+
- Transparencia en 3 objetos (X-1a prohíbe la transparencia)
|
|
206
|
+
- Colores RGB encontrados en 2 lugares (X-1a requiere CMYK/spot solamente)
|
|
207
|
+
|
|
208
|
+
⚠ Advertencias:
|
|
209
|
+
- 5 fuentes sin trazar (se recomienda incrustarlas)
|
|
210
|
+
- Imagen "photo_02.jpg" a 150dpi (se recomienda 300dpi)
|
|
211
|
+
```
|
|
212
|
+
|
|
213
|
+
</details>
|
|
214
|
+
|
|
215
|
+
<details>
|
|
216
|
+
<summary><b>Revisar la calidad de imagen para impresión</b></summary>
|
|
217
|
+
|
|
218
|
+
```
|
|
219
|
+
Tú: Revisa la calidad de las imágenes colocadas para impresión
|
|
220
|
+
|
|
221
|
+
Claude: → get_images (include_print_info: true)
|
|
222
|
+
|
|
223
|
+
■ Informe de Calidad de Imágenes:
|
|
224
|
+
✅ hero.psd — CMYK, 350dpi, escala 98%
|
|
225
|
+
⚠ icon_set.png — RGB (no coincide con documento CMYK), 300dpi, escala 100%
|
|
226
|
+
❌ photo_bg.jpg — CMYK, 72dpi, escala 400% (sobreampliada)
|
|
227
|
+
→ Sustituir por una imagen de 300dpi+ al tamaño real
|
|
228
|
+
```
|
|
229
|
+
|
|
230
|
+
</details>
|
|
231
|
+
|
|
232
|
+
<details>
|
|
233
|
+
<summary><b>Verificar ratios de contraste de color WCAG</b></summary>
|
|
234
|
+
|
|
235
|
+
```
|
|
236
|
+
Tú: Revisa los ratios de contraste del texto
|
|
237
|
+
|
|
238
|
+
Claude: → check_contrast (auto_detect: true)
|
|
239
|
+
|
|
240
|
+
■ Informe de Contraste WCAG:
|
|
241
|
+
❌ "Caption" sobre "gris claro" — 2.8:1 (falla AA)
|
|
242
|
+
⚠ "Subheading" sobre "blanco" — 4.2:1 (AA Large OK, AA Normal falla)
|
|
243
|
+
✅ "Body text" sobre "blanco" — 12.1:1 (pasa AAA)
|
|
244
|
+
```
|
|
245
|
+
|
|
246
|
+
</details>
|
|
247
|
+
|
|
248
|
+
---
|
|
249
|
+
|
|
250
|
+
## Plantillas de Flujo de Trabajo
|
|
251
|
+
|
|
252
|
+
Plantillas de flujo de trabajo preconstruidas disponibles en el selector de prompts de Claude Desktop.
|
|
253
|
+
|
|
254
|
+
| Plantilla | Descripción |
|
|
255
|
+
|----------|-------------|
|
|
256
|
+
| `quick-layout` | Pega contenido de texto y Claude lo organiza en la mesa de trabajo como títulos, cuerpo y pies de foto |
|
|
257
|
+
| `print-preflight-workflow` | Verificación preflight para imprenta completa en 7 pasos (documento → preflight → sobreimpresión → separaciones → imágenes → colores → texto) |
|
|
258
|
+
|
|
259
|
+
---
|
|
260
|
+
|
|
261
|
+
## Referencia de Herramientas
|
|
262
|
+
|
|
263
|
+
### Herramientas de Lectura (21)
|
|
264
|
+
|
|
265
|
+
<details>
|
|
266
|
+
<summary>Haz clic para expandir</summary>
|
|
267
|
+
|
|
268
|
+
| Herramienta | Descripción |
|
|
269
|
+
|---|---|
|
|
270
|
+
| `get_document_info` | Metadatos del documento (dimensiones, modo de color, perfil, etc.) |
|
|
271
|
+
| `get_artboards` | Información de las mesas de trabajo (posición, tamaño, orientación) |
|
|
272
|
+
| `get_layers` | Estructura de capas en forma de árbol |
|
|
273
|
+
| `get_document_structure` | Árbol completo: capas → grupos → objetos en una sola llamada |
|
|
274
|
+
| `list_text_frames` | Lista de cuadros de texto (fuente, tamaño, nombre de estilo) |
|
|
275
|
+
| `get_text_frame_detail` | Todos los atributos de un cuadro de texto específico (kerning, ajustes de párrafo, etc.) |
|
|
276
|
+
| `get_colors` | Información de color en uso (muestras, degradados, colores directos). `include_diagnostics` para análisis de impresión |
|
|
277
|
+
| `get_path_items` | Datos de trazos/formas (relleno, contorno, puntos de ancla) |
|
|
278
|
+
| `get_groups` | Grupos, máscaras de recorte y estructura de trazados compuestos |
|
|
279
|
+
| `get_effects` | Información de efectos y apariencia (opacidad, modo de fusión) |
|
|
280
|
+
| `get_images` | Información de imágenes incrustadas/enlazadas (resolución, detección de enlaces rotos). `include_print_info` para discrepancia de espacio de color y factor de escala |
|
|
281
|
+
| `get_symbols` | Definiciones e instancias de símbolos |
|
|
282
|
+
| `get_guidelines` | Información de guías |
|
|
283
|
+
| `get_overprint_info` | Ajustes de sobreimpresión + detección de K100/negro enriquecido y clasificación de intención |
|
|
284
|
+
| `get_separation_info` | Información de separación de colores (planchas de proceso CMYK + planchas de tintas directas con conteo de uso) |
|
|
285
|
+
| `get_selection` | Detalles de los objetos actualmente seleccionados |
|
|
286
|
+
| `find_objects` | Búsqueda por criterios (nombre, tipo, color, fuente, etc.) |
|
|
287
|
+
| `check_contrast` | Verificación de ratio de contraste de color WCAG (manual o detección automática de pares superpuestos) |
|
|
288
|
+
| `extract_design_tokens` | Extrae tokens de diseño como propiedades personalizadas CSS, JSON o configuración de Tailwind |
|
|
289
|
+
| `list_fonts` | Lista las fuentes disponibles en Illustrator (no requiere documento) |
|
|
290
|
+
| `convert_coordinate` | Convierte puntos entre los sistemas de coordenadas de la mesa de trabajo y del documento |
|
|
291
|
+
|
|
292
|
+
</details>
|
|
293
|
+
|
|
294
|
+
### Herramientas de Modificación (38)
|
|
295
|
+
|
|
296
|
+
<details>
|
|
297
|
+
<summary>Haz clic para expandir</summary>
|
|
298
|
+
|
|
299
|
+
| Herramienta | Descripción |
|
|
300
|
+
|---|---|
|
|
301
|
+
| `create_rectangle` | Crea un rectángulo (admite esquinas redondeadas) |
|
|
302
|
+
| `create_ellipse` | Crea una elipse |
|
|
303
|
+
| `create_line` | Crea una línea |
|
|
304
|
+
| `create_text_frame` | Crea un cuadro de texto (texto de punto o de área) |
|
|
305
|
+
| `create_path` | Crea un trazado personalizado (con manejadores Bézier) |
|
|
306
|
+
| `place_image` | Coloca un archivo de imagen como enlazado o incrustado |
|
|
307
|
+
| `modify_object` | Modifica propiedades de un objeto existente |
|
|
308
|
+
| `convert_to_outlines` | Convierte texto a contornos (trazar texto) |
|
|
309
|
+
| `assign_color_profile` | Asigna (etiqueta) un perfil de color (no convierte los valores de color) |
|
|
310
|
+
| `create_document` | Crea un documento nuevo (tamaño, modo de color) |
|
|
311
|
+
| `close_document` | Cierra el documento activo |
|
|
312
|
+
| `resize_for_variation` | Crea variaciones de tamaño a partir de una mesa de trabajo origen (escalado proporcional) |
|
|
313
|
+
| `align_objects` | Alinea y distribuye múltiples objetos |
|
|
314
|
+
| `replace_color` | Busca y reemplaza colores en todo el documento (con tolerancia) |
|
|
315
|
+
| `manage_layers` | Añade, renombra, muestra/oculta, bloquea/desbloquea, reordena o elimina capas |
|
|
316
|
+
| `place_color_chips` | Extrae los colores únicos y coloca muestras de color fuera de la mesa de trabajo |
|
|
317
|
+
| `save_document` | Guarda o guarda como el documento activo |
|
|
318
|
+
| `open_document` | Abre un documento desde una ruta de archivo |
|
|
319
|
+
| `group_objects` | Agrupa objetos (admite máscaras de recorte) |
|
|
320
|
+
| `ungroup_objects` | Desagrupa un grupo, liberando los hijos |
|
|
321
|
+
| `duplicate_objects` | Duplica objetos con desplazamiento opcional |
|
|
322
|
+
| `set_z_order` | Cambia el orden de apilamiento (traer al frente/enviar atrás) |
|
|
323
|
+
| `move_to_layer` | Mueve objetos a una capa diferente |
|
|
324
|
+
| `manage_artboards` | Añade, elimina, redimensiona, renombra y reorganiza mesas de trabajo |
|
|
325
|
+
| `manage_swatches` | Añade, actualiza o elimina muestras |
|
|
326
|
+
| `manage_linked_images` | Revincula o incrusta imágenes colocadas |
|
|
327
|
+
| `manage_datasets` | Lista/aplica/crea conjuntos de datos, importa/exporta variables |
|
|
328
|
+
| `apply_graphic_style` | Aplica un estilo gráfico a los objetos |
|
|
329
|
+
| `list_graphic_styles` | Lista todos los estilos gráficos del documento |
|
|
330
|
+
| `apply_text_style` | Aplica estilo de carácter o de párrafo al texto |
|
|
331
|
+
| `list_text_styles` | Lista todos los estilos de carácter y de párrafo |
|
|
332
|
+
| `create_gradient` | Crea degradados y los aplica a objetos |
|
|
333
|
+
| `create_path_text` | Crea texto en trazado |
|
|
334
|
+
| `place_symbol` | Coloca o sustituye instancias de símbolo |
|
|
335
|
+
| `select_objects` | Selecciona objetos por UUID (admite selección múltiple) |
|
|
336
|
+
| `create_crop_marks` | Crea marcas de corte con detección automática de estilo por locale (doble línea japonesa / línea simple occidental) |
|
|
337
|
+
| `place_style_guide` | Coloca una guía de estilo visual fuera de la mesa de trabajo (colores, fuentes, espaciado, márgenes, separación de guías) |
|
|
338
|
+
| `undo` | Operaciones de deshacer/rehacer (multinivel) |
|
|
339
|
+
|
|
340
|
+
</details>
|
|
341
|
+
|
|
342
|
+
### Herramientas de Exportación (2)
|
|
343
|
+
|
|
344
|
+
<details>
|
|
345
|
+
<summary>Haz clic para expandir</summary>
|
|
346
|
+
|
|
347
|
+
| Herramienta | Descripción |
|
|
348
|
+
|---|---|
|
|
349
|
+
| `export` | Exportación SVG / PNG / JPG (por mesa de trabajo, selección o UUID) |
|
|
350
|
+
| `export_pdf` | Exportación a PDF listo para imprenta (marcas de corte, sangrado, reducción de muestreo selectiva, output intent) |
|
|
351
|
+
|
|
352
|
+
</details>
|
|
353
|
+
|
|
354
|
+
### Utilidades (3)
|
|
355
|
+
|
|
356
|
+
<details>
|
|
357
|
+
<summary>Haz clic para expandir</summary>
|
|
358
|
+
|
|
359
|
+
| Herramienta | Descripción |
|
|
360
|
+
|---|---|
|
|
361
|
+
| `preflight_check` | Verificación preflight para imprenta (mezcla RGB, enlaces rotos, baja resolución, sobreimpresión de blanco, interacción transparencia+sobreimpresión, cumplimiento PDF/X, etc.) |
|
|
362
|
+
| `check_text_consistency` | Verificación de consistencia de texto (detección de texto de relleno, patrones de variación de notación, listado completo de texto para análisis por LLM) |
|
|
363
|
+
| `set_workflow` | Establece el modo de flujo de trabajo (web/print) para sobrescribir el sistema de coordenadas autodetectado |
|
|
364
|
+
|
|
365
|
+
</details>
|
|
366
|
+
|
|
367
|
+
---
|
|
368
|
+
|
|
369
|
+
## Sistema de Coordenadas
|
|
370
|
+
|
|
371
|
+
El servidor detecta automáticamente el sistema de coordenadas a partir del documento:
|
|
372
|
+
|
|
373
|
+
| Tipo de documento | Sistema de coordenadas | Origen | Eje Y |
|
|
374
|
+
|---|---|---|---|
|
|
375
|
+
| CMYK / Imprenta | `document` | Inferior izquierdo | Hacia arriba |
|
|
376
|
+
| RGB / Web | `artboard-web` | Superior izquierdo de la mesa de trabajo | Hacia abajo |
|
|
377
|
+
|
|
378
|
+
- Los **documentos CMYK** utilizan el sistema de coordenadas nativo de Illustrator, acorde con lo que esperan los diseñadores de imprenta
|
|
379
|
+
- Los **documentos RGB** utilizan un sistema de coordenadas estilo web, más fácil de manejar por la IA
|
|
380
|
+
- Usa `set_workflow` para sobrescribir el sistema de coordenadas autodetectado si lo necesitas
|
|
381
|
+
- Todas las respuestas de las herramientas incluyen un campo `coordinateSystem` que indica qué sistema está activo
|
|
382
|
+
|
|
383
|
+
---
|
|
384
|
+
|
|
385
|
+
## Ejemplo: Patrón de Prueba SMPTE
|
|
386
|
+
|
|
387
|
+
Un patrón de prueba de barras de color SMPTE de 1920×1080, creado íntegramente mediante instrucciones en lenguaje natural a Claude.
|
|
388
|
+
|
|
389
|
+
**Prompt:**
|
|
390
|
+
|
|
391
|
+
> Make a 1920x1080 video test pattern
|
|
392
|
+
|
|
393
|
+
**Resultado:**
|
|
394
|
+
|
|
395
|
+
<img src="docs/images/example-smpte-test-pattern.png" width="720" alt="Patrón de prueba de barras de color SMPTE generado por Claude vía illustrator-mcp-server" />
|
|
396
|
+
|
|
397
|
+
**Estructura de la mesa de trabajo** (vía `get_document_structure`):
|
|
398
|
+
|
|
399
|
+
<details>
|
|
400
|
+
<summary>Haz clic para expandir</summary>
|
|
401
|
+
|
|
402
|
+
```
|
|
403
|
+
Labels
|
|
404
|
+
├── title-safe-label (text) — "TITLE SAFE (10%)"
|
|
405
|
+
├── action-safe-label (text) — "ACTION SAFE (5%)"
|
|
406
|
+
├── credit-label (text) — "Generated by illustrator-mcp-server"
|
|
407
|
+
├── test-label (text) — "SMPTE COLOR BARS — TEST PATTERN"
|
|
408
|
+
├── format-label (text) — "Full HD — 16:9"
|
|
409
|
+
└── resolution-label (text) — "1920 x 1080"
|
|
410
|
+
|
|
411
|
+
Center Cross
|
|
412
|
+
├── title-safe (path) — 1536×864 stroke rectangle
|
|
413
|
+
├── action-safe (path) — 1728×972 stroke rectangle
|
|
414
|
+
├── cross-circle (path) — 150×150 center circle
|
|
415
|
+
├── cross-v (path) — vertical crosshair
|
|
416
|
+
└── cross-h (path) — horizontal crosshair
|
|
417
|
+
|
|
418
|
+
Color Bars
|
|
419
|
+
├── pluge-black … pluge-navy (path ×9) — PLUGE / grayscale bottom strip
|
|
420
|
+
├── rev-white … rev-blue (path ×7) — reverse color middle strip
|
|
421
|
+
└── bar-white … bar-blue (path ×7) — 75% SMPTE color bars
|
|
422
|
+
```
|
|
423
|
+
|
|
424
|
+
</details>
|
|
425
|
+
|
|
426
|
+
> Herramientas utilizadas: `create_document`, `manage_layers`, `create_rectangle` ×23, `create_line` ×2, `create_ellipse`, `create_text_frame` ×6, `modify_object` ×4, `save_document`, `export`
|
|
427
|
+
|
|
428
|
+
---
|
|
429
|
+
|
|
430
|
+
## Ejemplo: Twilight Geometry
|
|
431
|
+
|
|
432
|
+
Una obra de paisaje geométrico abstracto — creada íntegramente por Claude, sin más dirección humana de diseño que "haz el arte que quieras".
|
|
433
|
+
|
|
434
|
+
**Prompt:**
|
|
435
|
+
|
|
436
|
+
> Make an art piece of your own imagination in Illustrator. Take your time. Create whatever you like.
|
|
437
|
+
|
|
438
|
+
**Proceso de Claude:**
|
|
439
|
+
|
|
440
|
+
> Voy a crear "Twilight Geometry" — un paisaje abstracto con elementos celestes geométricos. Un cielo crepuscular con un degradado profundo, siluetas de montañas superpuestas, una luna creciente con anillos decorativos y estrellas esparcidas por todo el lienzo.
|
|
441
|
+
|
|
442
|
+
> Estrellas en forma de diamante en distintos colores — blancos cálidos, azules fríos, morados lavanda — cada una sutilmente distinta para sugerir diferentes tipos de estrellas. Líneas de constelación conectándolas. Triángulos alámbricos y un hexágono flotando en el cielo para una atmósfera mística.
|
|
443
|
+
|
|
444
|
+
> Una superficie de agua en la parte inferior con la luz de la luna reflejada como líneas onduladas brillantes, desvaneciéndose a medida que descienden.
|
|
445
|
+
|
|
446
|
+
**Reflexión de Claude:**
|
|
447
|
+
|
|
448
|
+
> Salió mejor de lo que esperaba. Creo que el mundo híbrido entre geometría y naturaleza quedó bien logrado.
|
|
449
|
+
|
|
450
|
+
**Resultado:**
|
|
451
|
+
|
|
452
|
+
<img src="docs/images/example-twilight-geometry.png" width="720" alt="Twilight Geometry — arte de paisaje geométrico abstracto generado por Claude vía illustrator-mcp-server" />
|
|
453
|
+
|
|
454
|
+
> Herramientas utilizadas: `create_document`, `manage_layers` ×4, `create_rectangle` ×2, `create_gradient` ×2, `create_path` ×11, `create_ellipse` ×14, `create_line` ×4, `create_text_frame` ×2, `modify_object`, `set_z_order`, `export`
|
|
455
|
+
|
|
456
|
+
---
|
|
457
|
+
|
|
458
|
+
## Limitaciones Conocidas
|
|
459
|
+
|
|
460
|
+
| Limitación | Detalles |
|
|
461
|
+
|---|---|
|
|
462
|
+
| Soporte para Windows | Windows utiliza automatización COM vía PowerShell (aún no probado en hardware real) |
|
|
463
|
+
| Efectos en vivo | Los parámetros de sombra paralela y otros efectos pueden detectarse pero no leerse |
|
|
464
|
+
| Perfiles de color | Solo asignación de perfil de color — la conversión completa no está disponible |
|
|
465
|
+
| Ajustes de sangrado | No se pueden leer los ajustes de sangrado (limitación de la API de Illustrator) |
|
|
466
|
+
| Exportación WebP | No compatible — usa PNG o SVG en su lugar |
|
|
467
|
+
| Marcas de corte japonesas | La exportación a PDF utiliza automáticamente el enfoque del comando TrimMark: genera las marcas como trazados del documento, exporta y luego las elimina mediante undo |
|
|
468
|
+
| Incrustación de fuentes | El modo de incrustación (full/subset) no se puede controlar directamente — usa presets de PDF |
|
|
469
|
+
| Variaciones de tamaño | Solo escalado proporcional — es posible que el texto requiera ajuste manual después |
|
|
470
|
+
|
|
471
|
+
---
|
|
472
|
+
|
|
473
|
+
<br>
|
|
474
|
+
|
|
475
|
+
# Para Desarrolladores
|
|
476
|
+
|
|
477
|
+
## Arquitectura
|
|
478
|
+
|
|
479
|
+
```mermaid
|
|
480
|
+
flowchart LR
|
|
481
|
+
Claude <-->|MCP Protocol| Server["MCP Server\n(TypeScript/Node.js)"]
|
|
482
|
+
|
|
483
|
+
Server -.->|generate| Runner["run-{uuid}.scpt / .ps1"]
|
|
484
|
+
Server -.->|generate| JSX["script-{uuid}.jsx\n(BOM UTF-8)"]
|
|
485
|
+
Server -.->|write| PF["params-{uuid}.json"]
|
|
486
|
+
|
|
487
|
+
Runner -->|execFile| osascript
|
|
488
|
+
Runner -->|execFile| PS["powershell.exe"]
|
|
489
|
+
|
|
490
|
+
osascript -->|do javascript| AI["Adobe Illustrator\n(ExtendScript/JSX)"]
|
|
491
|
+
PS -->|DoJavaScript| AI
|
|
492
|
+
|
|
493
|
+
JSX -.->|execute| AI
|
|
494
|
+
PF -.->|read| AI
|
|
495
|
+
AI -.->|write| RF["result-{uuid}.json"]
|
|
496
|
+
RF -.->|read| Server
|
|
497
|
+
```
|
|
498
|
+
|
|
499
|
+
---
|
|
500
|
+
|
|
501
|
+
## Compilar desde el Código Fuente
|
|
502
|
+
|
|
503
|
+
```bash
|
|
504
|
+
git clone https://github.com/ie3jp/illustrator-mcp-server.git
|
|
505
|
+
cd illustrator-mcp-server
|
|
506
|
+
npm install
|
|
507
|
+
npm run build
|
|
508
|
+
claude mcp add illustrator-mcp -- node /path/to/illustrator-mcp-server/dist/index.js
|
|
509
|
+
```
|
|
510
|
+
|
|
511
|
+
### Verificar
|
|
512
|
+
|
|
513
|
+
```bash
|
|
514
|
+
npx @modelcontextprotocol/inspector npx illustrator-mcp-server
|
|
515
|
+
```
|
|
516
|
+
|
|
517
|
+
### Pruebas
|
|
518
|
+
|
|
519
|
+
```bash
|
|
520
|
+
# Pruebas unitarias
|
|
521
|
+
npm test
|
|
522
|
+
|
|
523
|
+
# Prueba de humo E2E (requiere Illustrator en ejecución)
|
|
524
|
+
npx tsx test/e2e/smoke-test.ts
|
|
525
|
+
```
|
|
526
|
+
|
|
527
|
+
La prueba E2E crea documentos nuevos (RGB + CMYK), coloca objetos de prueba, ejecuta 182 casos de prueba en 10 fases que cubren todas las herramientas registradas y la detección automática del sistema de coordenadas, y limpia todo automáticamente.
|
|
528
|
+
|
|
529
|
+
---
|
|
530
|
+
|
|
531
|
+
## Aviso Legal
|
|
532
|
+
|
|
533
|
+
Esta herramienta automatiza muchas operaciones de Illustrator, pero la IA puede cometer errores. Los datos extraídos, los resultados del preflight y las modificaciones al documento deben ser revisados siempre por una persona. **No dependas de esta herramienta como tu único control de calidad.** Úsala como asistente junto con tu propia verificación manual, especialmente para entregas de imprenta y materiales para clientes. Los autores no se hacen responsables de daños o pérdidas derivados del uso de este software o de sus resultados.
|
|
534
|
+
|
|
535
|
+
---
|
|
536
|
+
|
|
537
|
+
## Licencia
|
|
538
|
+
|
|
539
|
+
[MIT](LICENSE)
|