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.de.md
ADDED
|
@@ -0,0 +1,539 @@
|
|
|
1
|
+
[🇺🇸 English](README.md) | [🇯🇵 日本語](README.ja.md) | [🇨🇳 简体中文](README.zh-CN.md) | [🇰🇷 한국어](README.ko.md) | [🇪🇸 Español](README.es.md) | **🇩🇪 Deutsch** | [🇫🇷 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
|
+
Ein [MCP-Server (Model Context Protocol)](https://modelcontextprotocol.io/) zum Auslesen, Bearbeiten und Exportieren von Adobe-Illustrator-Designdaten — mit 63 integrierten Werkzeugen.
|
|
13
|
+
|
|
14
|
+
Steuere Illustrator direkt aus KI-Assistenten wie Claude — extrahiere Designinformationen für die Webumsetzung, prüfe druckfertige Daten und exportiere Assets.
|
|
15
|
+
|
|
16
|
+
[](https://glama.ai/mcp/servers/ie3jp/illustrator-mcp-server)
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## 🎨 Galerie
|
|
21
|
+
|
|
22
|
+
Alle unten gezeigten Artworks wurden vollständig von Claude durch natürlichsprachige Konversation erstellt — ohne manuelle Bedienung von Illustrator.
|
|
23
|
+
|
|
24
|
+
<table>
|
|
25
|
+
<tr>
|
|
26
|
+
<td align="center"><img src="docs/images/example-event-poster.png" width="300" alt="Event-Poster — SYNC TOKYO 2026" /><br><b>Event-Poster</b></td>
|
|
27
|
+
<td align="center"><img src="docs/images/example-logo-concepts.png" width="300" alt="Logo-Konzepte — Slow Drip Coffee Co." /><br><b>Logo-Konzepte</b></td>
|
|
28
|
+
</tr>
|
|
29
|
+
<tr>
|
|
30
|
+
<td align="center"><img src="docs/images/example-business-card.png" width="300" alt="Visitenkarte — KUMO Studio" /><br><b>Visitenkarte</b></td>
|
|
31
|
+
<td align="center"><img src="docs/images/example-twilight-geometry.png" width="300" alt="Twilight Geometry — abstrakte geometrische Landschaft" /><br><b>Twilight Geometry</b></td>
|
|
32
|
+
</tr>
|
|
33
|
+
</table>
|
|
34
|
+
|
|
35
|
+
> Siehe [ausführliche Aufschlüsselungen](#beispiel-smpte-testbild) weiter unten für Prompts, Tool-Einsatz und Zeichenflächen-Struktur.
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
> [!TIP]
|
|
40
|
+
> Die Entwicklung und Pflege dieses Tools kostet Zeit und Ressourcen.
|
|
41
|
+
> Wenn es Dir im Arbeitsalltag hilft, bedeutet Deine Unterstützung viel — [☕ spendier mir einen Kaffee!](https://ko-fi.com/cyocun)
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
## 🚀 Schnellstart
|
|
46
|
+
|
|
47
|
+
### 🛠️ Claude Code
|
|
48
|
+
|
|
49
|
+
Erfordert [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. Lade **`illustrator-mcp-server.mcpb`** aus den [GitHub Releases](https://github.com/ie3jp/illustrator-mcp-server/releases/latest) herunter
|
|
58
|
+
2. Öffne Claude Desktop → **Settings** → **Extensions**
|
|
59
|
+
3. Ziehe die `.mcpb`-Datei per Drag & Drop in das Extensions-Panel
|
|
60
|
+
4. Klicke auf den Button **Install**
|
|
61
|
+
|
|
62
|
+
<details>
|
|
63
|
+
<summary><strong>Alternative: manuelle Konfiguration (immer aktuell via npx)</strong></summary>
|
|
64
|
+
|
|
65
|
+
> [!NOTE]
|
|
66
|
+
> Die `.mcpb`-Extension aktualisiert sich nicht automatisch. Lade zum Aktualisieren die neue Version herunter und installiere sie erneut. Wenn Du automatische Updates bevorzugst, verwende stattdessen die npx-Methode unten.
|
|
67
|
+
|
|
68
|
+
Erfordert [Node.js 20+](https://nodejs.org/). Öffne die Konfigurationsdatei und füge die Verbindungseinstellungen hinzu.
|
|
69
|
+
|
|
70
|
+
#### 1. Konfigurationsdatei öffnen
|
|
71
|
+
|
|
72
|
+
Aus der Claude-Desktop-Menüleiste:
|
|
73
|
+
|
|
74
|
+
**Claude** → **Settings...** → **Developer** (in der linken Seitenleiste) → Klicke auf den Button **Edit Config**
|
|
75
|
+
|
|
76
|
+
#### 2. Einstellungen hinzufügen
|
|
77
|
+
|
|
78
|
+
```json
|
|
79
|
+
{
|
|
80
|
+
"mcpServers": {
|
|
81
|
+
"illustrator": {
|
|
82
|
+
"command": "npx",
|
|
83
|
+
"args": ["illustrator-mcp-server"]
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
> [!NOTE]
|
|
90
|
+
> Wenn Du Node.js über einen Versionsmanager (nvm, mise, fnm usw.) installiert hast, findet Claude Desktop `npx` möglicherweise nicht. In diesem Fall gib den vollständigen Pfad an:
|
|
91
|
+
> ```json
|
|
92
|
+
> "command": "/full/path/to/npx"
|
|
93
|
+
> ```
|
|
94
|
+
> Führe `which npx` im Terminal aus, um den Pfad zu ermitteln.
|
|
95
|
+
|
|
96
|
+
#### 3. Speichern und neu starten
|
|
97
|
+
|
|
98
|
+
1. Speichere die Datei und schließe den Texteditor
|
|
99
|
+
2. **Beende Claude Desktop vollständig** (⌘Q / Ctrl+Q) und öffne es erneut
|
|
100
|
+
|
|
101
|
+
</details>
|
|
102
|
+
|
|
103
|
+
> [!CAUTION]
|
|
104
|
+
> KI kann Fehler machen. Verlasse Dich nicht zu sehr auf die Ausgabe — **die finale Kontrolle der Abgabedaten muss immer ein Mensch durchführen**. Die Nutzerin oder der Nutzer trägt die Verantwortung für die Ergebnisse.
|
|
105
|
+
|
|
106
|
+
> [!NOTE]
|
|
107
|
+
> **macOS:** Erlaube beim ersten Start den Automatisierungszugriff unter Systemeinstellungen > Datenschutz & Sicherheit > Automation.
|
|
108
|
+
|
|
109
|
+
> [!NOTE]
|
|
110
|
+
> Werkzeuge zum Bearbeiten und Exportieren bringen Illustrator während der Ausführung in den Vordergrund.
|
|
111
|
+
|
|
112
|
+
### Mehrere Illustrator-Versionen
|
|
113
|
+
|
|
114
|
+
Wenn Du mehrere Versionen von Illustrator installiert hast, kannst Du Claude im Gespräch mitteilen, welche Version verwendet werden soll. Sag einfach so etwas wie „Nutze Illustrator 2024" und das Werkzeug `set_illustrator_version` steuert diese Version an.
|
|
115
|
+
|
|
116
|
+
> [!NOTE]
|
|
117
|
+
> Wenn Illustrator bereits läuft, verbindet sich der Server unabhängig von der Versionseinstellung mit der laufenden Instanz. Die Version wird nur verwendet, um die korrekte Version zu starten, solange Illustrator noch nicht läuft.
|
|
118
|
+
|
|
119
|
+
---
|
|
120
|
+
|
|
121
|
+
## 🎬 Was Du tun kannst
|
|
122
|
+
|
|
123
|
+
```
|
|
124
|
+
Du: Zeig mir alle Textinformationen in diesem Dokument
|
|
125
|
+
Claude: → list_text_frames → get_text_frame_detail
|
|
126
|
+
Im Dokument befinden sich 12 Textrahmen.
|
|
127
|
+
Die Überschrift „My Design" verwendet Noto Sans JP Bold 48px, Farbe #333333 ...
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
```
|
|
131
|
+
Du: Führe einen Preflight für die Druckvorstufe durch
|
|
132
|
+
Claude: → preflight_check
|
|
133
|
+
⚠ 2 Warnungen:
|
|
134
|
+
- Bild mit geringer Auflösung: image_01.jpg (150dpi) — 300dpi oder höher empfohlen
|
|
135
|
+
- Nicht in Pfade umgewandelte Schriften: 3 Textrahmen
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
```
|
|
139
|
+
Du: Prüfe Texte auf Inkonsistenzen
|
|
140
|
+
Claude: → check_text_consistency
|
|
141
|
+
📝 Konsistenzbericht:
|
|
142
|
+
⚠ „Contact Us" vs „Contact us" — abweichende Groß-/Kleinschreibung
|
|
143
|
+
❌ „Lorem ipsum" (an 2 Stellen) — Platzhaltertext verblieben
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
```
|
|
147
|
+
Du: Erstelle Banner-Größenvarianten aus diesem A4-Flyer
|
|
148
|
+
Claude: → get_document_info → resize_for_variation
|
|
149
|
+
3 Größenvarianten erstellt:
|
|
150
|
+
- 728×90 / 300×250 / 160×600
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
---
|
|
154
|
+
|
|
155
|
+
## 📖 Rezepte
|
|
156
|
+
|
|
157
|
+
<details>
|
|
158
|
+
<summary><b>Farben und Schriften für CSS extrahieren</b></summary>
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
Du: Fasse die Farben und Typografie in diesem Design zusammen
|
|
162
|
+
|
|
163
|
+
Claude: → get_colors → list_text_frames → get_text_frame_detail
|
|
164
|
+
|
|
165
|
+
■ Farbpalette
|
|
166
|
+
- Primary: #1A73E8 (CMYK: 85,50,0,0)
|
|
167
|
+
- Secondary: #34A853
|
|
168
|
+
- Text: #202124
|
|
169
|
+
- Hintergrund: #FFFFFF
|
|
170
|
+
|
|
171
|
+
■ Typografie
|
|
172
|
+
- Überschriften: Noto Sans JP Bold / 32px
|
|
173
|
+
- Fließtext: Noto Sans JP Regular / 16px / line-height: 1.75
|
|
174
|
+
- Bildunterschriften: Noto Sans JP Medium / 12px
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
</details>
|
|
178
|
+
|
|
179
|
+
<details>
|
|
180
|
+
<summary><b>Zeichenflächen als SVG / PNG exportieren</b></summary>
|
|
181
|
+
|
|
182
|
+
```
|
|
183
|
+
Du: Exportiere alle Zeichenflächen als SVG mit in Pfade umgewandeltem Text
|
|
184
|
+
|
|
185
|
+
Claude: → get_artboards → convert_to_outlines → export (wiederholt)
|
|
186
|
+
|
|
187
|
+
4 Zeichenflächen exportiert:
|
|
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>PDF/X-1a-Konformität vor der Abgabe prüfen</b></summary>
|
|
198
|
+
|
|
199
|
+
```
|
|
200
|
+
Du: Prüfe, ob dieses Dokument PDF/X-1a-konform ist
|
|
201
|
+
|
|
202
|
+
Claude: → preflight_check (target_pdf_profile: "x1a")
|
|
203
|
+
|
|
204
|
+
❌ Fehler bei der PDF/X-1a-Konformität:
|
|
205
|
+
- Transparenzen auf 3 Objekten (X-1a verbietet Transparenz)
|
|
206
|
+
- RGB-Farben an 2 Stellen gefunden (X-1a verlangt ausschließlich CMYK/Sonderfarben)
|
|
207
|
+
|
|
208
|
+
⚠ Warnungen:
|
|
209
|
+
- 5 nicht in Pfade umgewandelte Schriften (Einbetten empfohlen)
|
|
210
|
+
- Bild „photo_02.jpg" mit 150dpi (300dpi empfohlen)
|
|
211
|
+
```
|
|
212
|
+
|
|
213
|
+
</details>
|
|
214
|
+
|
|
215
|
+
<details>
|
|
216
|
+
<summary><b>Bildqualität für den Druck prüfen</b></summary>
|
|
217
|
+
|
|
218
|
+
```
|
|
219
|
+
Du: Prüfe die Qualität der platzierten Bilder für den Druck
|
|
220
|
+
|
|
221
|
+
Claude: → get_images (include_print_info: true)
|
|
222
|
+
|
|
223
|
+
■ Bildqualitätsbericht:
|
|
224
|
+
✅ hero.psd — CMYK, 350dpi, Skalierung 98%
|
|
225
|
+
⚠ icon_set.png — RGB (Diskrepanz zum CMYK-Dokument), 300dpi, Skalierung 100%
|
|
226
|
+
❌ photo_bg.jpg — CMYK, 72dpi, Skalierung 400% (zu stark vergrößert)
|
|
227
|
+
→ Durch ein Bild mit 300dpi+ in Originalgröße ersetzen
|
|
228
|
+
```
|
|
229
|
+
|
|
230
|
+
</details>
|
|
231
|
+
|
|
232
|
+
<details>
|
|
233
|
+
<summary><b>WCAG-Farbkontrastverhältnisse prüfen</b></summary>
|
|
234
|
+
|
|
235
|
+
```
|
|
236
|
+
Du: Prüfe die Textkontrastverhältnisse
|
|
237
|
+
|
|
238
|
+
Claude: → check_contrast (auto_detect: true)
|
|
239
|
+
|
|
240
|
+
■ WCAG-Kontrastbericht:
|
|
241
|
+
❌ „Caption" auf „hellgrau" — 2.8:1 (AA nicht bestanden)
|
|
242
|
+
⚠ „Subheading" auf „weiß" — 4.2:1 (AA Large OK, AA Normal nicht bestanden)
|
|
243
|
+
✅ „Body text" auf „weiß" — 12.1:1 (AAA bestanden)
|
|
244
|
+
```
|
|
245
|
+
|
|
246
|
+
</details>
|
|
247
|
+
|
|
248
|
+
---
|
|
249
|
+
|
|
250
|
+
## Workflow-Vorlagen
|
|
251
|
+
|
|
252
|
+
Vorgefertigte Workflow-Vorlagen stehen im Prompt-Picker von Claude Desktop zur Verfügung.
|
|
253
|
+
|
|
254
|
+
| Vorlage | Beschreibung |
|
|
255
|
+
|----------|-------------|
|
|
256
|
+
| `quick-layout` | Text einfügen und Claude ordnet ihn auf der Zeichenfläche als Überschrift, Fließtext und Bildunterschrift an |
|
|
257
|
+
| `print-preflight-workflow` | Umfassende 7-stufige Druckvorstufen-Prüfung (Dokument → Preflight → Überdrucken → Farbauszüge → Bilder → Farben → Text) |
|
|
258
|
+
|
|
259
|
+
---
|
|
260
|
+
|
|
261
|
+
## Werkzeug-Referenz
|
|
262
|
+
|
|
263
|
+
### Read-Werkzeuge (21)
|
|
264
|
+
|
|
265
|
+
<details>
|
|
266
|
+
<summary>Zum Aufklappen klicken</summary>
|
|
267
|
+
|
|
268
|
+
| Werkzeug | Beschreibung |
|
|
269
|
+
|---|---|
|
|
270
|
+
| `get_document_info` | Dokument-Metadaten (Maße, Farbmodus, Profil usw.) |
|
|
271
|
+
| `get_artboards` | Informationen zu Zeichenflächen (Position, Größe, Ausrichtung) |
|
|
272
|
+
| `get_layers` | Ebenenstruktur als Baum |
|
|
273
|
+
| `get_document_structure` | Vollständiger Baum: Ebenen → Gruppen → Objekte in einem Aufruf |
|
|
274
|
+
| `list_text_frames` | Liste der Textrahmen (Schrift, Größe, Stilname) |
|
|
275
|
+
| `get_text_frame_detail` | Alle Attribute eines bestimmten Textrahmens (Unterschneidung, Absatzeinstellungen usw.) |
|
|
276
|
+
| `get_colors` | Verwendete Farbinformationen (Farbfelder, Verläufe, Sonderfarben). `include_diagnostics` für Druckanalyse |
|
|
277
|
+
| `get_path_items` | Pfad-/Formdaten (Füllung, Kontur, Ankerpunkte) |
|
|
278
|
+
| `get_groups` | Gruppen, Schnittmasken und zusammengesetzte Pfadstruktur |
|
|
279
|
+
| `get_effects` | Effekte und Aussehen-Infos (Deckkraft, Füllmethode) |
|
|
280
|
+
| `get_images` | Info zu eingebetteten/verknüpften Bildern (Auflösung, Erkennung defekter Verknüpfungen). `include_print_info` für Farbraum-Diskrepanz und Skalierungsfaktor |
|
|
281
|
+
| `get_symbols` | Symboldefinitionen und -instanzen |
|
|
282
|
+
| `get_guidelines` | Informationen zu Hilfslinien |
|
|
283
|
+
| `get_overprint_info` | Überdrucken-Einstellungen + K100/Tiefschwarz-Erkennung und Klassifizierung der Absicht |
|
|
284
|
+
| `get_separation_info` | Farbauszugs-Info (CMYK-Prozessplatten + Sonderfarbenplatten mit Nutzungszählung) |
|
|
285
|
+
| `get_selection` | Details der aktuell ausgewählten Objekte |
|
|
286
|
+
| `find_objects` | Suche nach Kriterien (Name, Typ, Farbe, Schrift usw.) |
|
|
287
|
+
| `check_contrast` | Prüfung des WCAG-Farbkontrasts (manuell oder automatische Erkennung überlappender Paare) |
|
|
288
|
+
| `extract_design_tokens` | Design-Tokens als CSS Custom Properties, JSON oder Tailwind-Config extrahieren |
|
|
289
|
+
| `list_fonts` | Listet in Illustrator verfügbare Schriften auf (kein Dokument erforderlich) |
|
|
290
|
+
| `convert_coordinate` | Punkte zwischen Zeichenflächen- und Dokument-Koordinatensystemen umrechnen |
|
|
291
|
+
|
|
292
|
+
</details>
|
|
293
|
+
|
|
294
|
+
### Modify-Werkzeuge (38)
|
|
295
|
+
|
|
296
|
+
<details>
|
|
297
|
+
<summary>Zum Aufklappen klicken</summary>
|
|
298
|
+
|
|
299
|
+
| Werkzeug | Beschreibung |
|
|
300
|
+
|---|---|
|
|
301
|
+
| `create_rectangle` | Rechteck erstellen (unterstützt abgerundete Ecken) |
|
|
302
|
+
| `create_ellipse` | Ellipse erstellen |
|
|
303
|
+
| `create_line` | Linie erstellen |
|
|
304
|
+
| `create_text_frame` | Textrahmen erstellen (Punkt- oder Flächentext) |
|
|
305
|
+
| `create_path` | Benutzerdefinierten Pfad erstellen (mit Bézier-Griffen) |
|
|
306
|
+
| `place_image` | Eine Bilddatei verknüpft oder eingebettet platzieren |
|
|
307
|
+
| `modify_object` | Eigenschaften eines vorhandenen Objekts ändern |
|
|
308
|
+
| `convert_to_outlines` | Text in Pfade umwandeln |
|
|
309
|
+
| `assign_color_profile` | Ein Farbprofil zuweisen (taggen) (konvertiert keine Farbwerte) |
|
|
310
|
+
| `create_document` | Neues Dokument erstellen (Größe, Farbmodus) |
|
|
311
|
+
| `close_document` | Aktives Dokument schließen |
|
|
312
|
+
| `resize_for_variation` | Größenvarianten aus einer Quell-Zeichenfläche erstellen (proportionale Skalierung) |
|
|
313
|
+
| `align_objects` | Mehrere Objekte ausrichten und verteilen |
|
|
314
|
+
| `replace_color` | Farben dokumentweit suchen und ersetzen (mit Toleranz) |
|
|
315
|
+
| `manage_layers` | Ebenen hinzufügen, umbenennen, ein-/ausblenden, sperren/entsperren, neu anordnen oder löschen |
|
|
316
|
+
| `place_color_chips` | Eindeutige Farben extrahieren und Farbfeld-Swatches außerhalb der Zeichenfläche platzieren |
|
|
317
|
+
| `save_document` | Aktives Dokument speichern oder „Speichern unter" |
|
|
318
|
+
| `open_document` | Ein Dokument aus einem Dateipfad öffnen |
|
|
319
|
+
| `group_objects` | Objekte gruppieren (unterstützt Schnittmasken) |
|
|
320
|
+
| `ungroup_objects` | Eine Gruppe auflösen und Kinder freigeben |
|
|
321
|
+
| `duplicate_objects` | Objekte duplizieren mit optionalem Versatz |
|
|
322
|
+
| `set_z_order` | Stapelreihenfolge ändern (vorn/hinten) |
|
|
323
|
+
| `move_to_layer` | Objekte auf eine andere Ebene verschieben |
|
|
324
|
+
| `manage_artboards` | Zeichenflächen hinzufügen, entfernen, skalieren, umbenennen, neu anordnen |
|
|
325
|
+
| `manage_swatches` | Farbfelder hinzufügen, aktualisieren oder löschen |
|
|
326
|
+
| `manage_linked_images` | Platzierte Bilder neu verknüpfen oder einbetten |
|
|
327
|
+
| `manage_datasets` | Datensätze auflisten/anwenden/erstellen, Variablen importieren/exportieren |
|
|
328
|
+
| `apply_graphic_style` | Einen Grafikstil auf Objekte anwenden |
|
|
329
|
+
| `list_graphic_styles` | Alle Grafikstile im Dokument auflisten |
|
|
330
|
+
| `apply_text_style` | Zeichen- oder Absatzformat auf Text anwenden |
|
|
331
|
+
| `list_text_styles` | Alle Zeichen- und Absatzformate auflisten |
|
|
332
|
+
| `create_gradient` | Verläufe erstellen und auf Objekte anwenden |
|
|
333
|
+
| `create_path_text` | Text entlang eines Pfads erstellen |
|
|
334
|
+
| `place_symbol` | Symbolinstanzen platzieren oder ersetzen |
|
|
335
|
+
| `select_objects` | Objekte nach UUID auswählen (Mehrfachauswahl unterstützt) |
|
|
336
|
+
| `create_crop_marks` | Schnittmarken (Beschnittzeichen) erstellen mit automatischer Stilerkennung nach Locale (japanische Doppellinie / westliche Einzellinie) |
|
|
337
|
+
| `place_style_guide` | Einen visuellen Styleguide außerhalb der Zeichenfläche platzieren (Farben, Schriften, Abstände, Ränder, Hilfslinienabstände) |
|
|
338
|
+
| `undo` | Rückgängig-/Wiederholen-Operationen (mehrstufig) |
|
|
339
|
+
|
|
340
|
+
</details>
|
|
341
|
+
|
|
342
|
+
### Export-Werkzeuge (2)
|
|
343
|
+
|
|
344
|
+
<details>
|
|
345
|
+
<summary>Zum Aufklappen klicken</summary>
|
|
346
|
+
|
|
347
|
+
| Werkzeug | Beschreibung |
|
|
348
|
+
|---|---|
|
|
349
|
+
| `export` | SVG- / PNG- / JPG-Export (nach Zeichenfläche, Auswahl oder UUID) |
|
|
350
|
+
| `export_pdf` | Druckfertiger PDF-Export (Schnittmarken, Beschnitt, selektive Neuberechnung der Auflösung, Output Intent) |
|
|
351
|
+
|
|
352
|
+
</details>
|
|
353
|
+
|
|
354
|
+
### Utility (3)
|
|
355
|
+
|
|
356
|
+
<details>
|
|
357
|
+
<summary>Zum Aufklappen klicken</summary>
|
|
358
|
+
|
|
359
|
+
| Werkzeug | Beschreibung |
|
|
360
|
+
|---|---|
|
|
361
|
+
| `preflight_check` | Druckvorstufen-Prüfung (RGB-Vermischung, defekte Verknüpfungen, niedrige Auflösung, Weißüberdruck, Zusammenspiel von Transparenz und Überdrucken, PDF/X-Konformität usw.) |
|
|
362
|
+
| `check_text_consistency` | Textkonsistenzprüfung (Platzhaltererkennung, Schreibweisen-Abweichungen, vollständige Textauflistung für LLM-Analyse) |
|
|
363
|
+
| `set_workflow` | Workflow-Modus setzen (web/print), um das automatisch erkannte Koordinatensystem zu überschreiben |
|
|
364
|
+
|
|
365
|
+
</details>
|
|
366
|
+
|
|
367
|
+
---
|
|
368
|
+
|
|
369
|
+
## Koordinatensystem
|
|
370
|
+
|
|
371
|
+
Der Server erkennt das Koordinatensystem automatisch anhand des Dokuments:
|
|
372
|
+
|
|
373
|
+
| Dokumenttyp | Koordinatensystem | Ursprung | Y-Achse |
|
|
374
|
+
|---|---|---|---|
|
|
375
|
+
| CMYK / Print | `document` | unten links | nach oben |
|
|
376
|
+
| RGB / Web | `artboard-web` | oben links der Zeichenfläche | nach unten |
|
|
377
|
+
|
|
378
|
+
- **CMYK-Dokumente** verwenden das native Koordinatensystem von Illustrator, das den Erwartungen von Druckdesignerinnen und Druckdesignern entspricht
|
|
379
|
+
- **RGB-Dokumente** verwenden ein web-artiges Koordinatensystem, mit dem die KI leichter arbeiten kann
|
|
380
|
+
- Verwende `set_workflow`, um das automatisch erkannte Koordinatensystem bei Bedarf zu überschreiben
|
|
381
|
+
- Alle Tool-Antworten enthalten ein Feld `coordinateSystem`, das angibt, welches System aktiv ist
|
|
382
|
+
|
|
383
|
+
---
|
|
384
|
+
|
|
385
|
+
## Beispiel: SMPTE-Testbild
|
|
386
|
+
|
|
387
|
+
Ein 1920×1080 SMPTE-Farbbalken-Testbild, vollständig durch natürlichsprachige Anweisungen an Claude erstellt.
|
|
388
|
+
|
|
389
|
+
**Prompt:**
|
|
390
|
+
|
|
391
|
+
> Erstelle ein 1920x1080 Video-Testbild
|
|
392
|
+
|
|
393
|
+
**Ergebnis:**
|
|
394
|
+
|
|
395
|
+
<img src="docs/images/example-smpte-test-pattern.png" width="720" alt="SMPTE-Farbbalken-Testbild, generiert von Claude via illustrator-mcp-server" />
|
|
396
|
+
|
|
397
|
+
**Zeichenflächen-Struktur** (via `get_document_structure`):
|
|
398
|
+
|
|
399
|
+
<details>
|
|
400
|
+
<summary>Zum Aufklappen klicken</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
|
+
> Verwendete Werkzeuge: `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
|
+
## Beispiel: Twilight Geometry
|
|
431
|
+
|
|
432
|
+
Eine abstrakte, geometrische Landschaftsgrafik — vollständig von Claude erstellt, ohne weitere menschliche Designvorgabe als „mach, worauf Du Lust hast".
|
|
433
|
+
|
|
434
|
+
**Prompt:**
|
|
435
|
+
|
|
436
|
+
> Make an art piece of your own imagination in Illustrator. Take your time. Create whatever you like.
|
|
437
|
+
|
|
438
|
+
**Claudes Vorgehen:**
|
|
439
|
+
|
|
440
|
+
> Ich erstelle „Twilight Geometry" — eine abstrakte Landschaft mit geometrischen Himmelselementen. Ein tiefer Verlauf als Dämmerhimmel, geschichtete Berg-Silhouetten, ein Halbmond mit dekorativen Ringen und über die Leinwand verstreute Sterne.
|
|
441
|
+
|
|
442
|
+
> Rautenförmige Sterne in verschiedenen Farben — warme Weißtöne, kühles Blau, lavendelfarbenes Violett — jeder einzelne leicht unterschiedlich, um verschiedene Sterntypen anzudeuten. Konstellationslinien verbinden sie. Drahtgitter-Dreiecke und ein Hexagon schweben am Himmel für eine mystische Atmosphäre.
|
|
443
|
+
|
|
444
|
+
> Am unteren Rand eine Wasseroberfläche, in der sich das Mondlicht als schimmernde Wellenlinien spiegelt, die nach unten hin ausblenden.
|
|
445
|
+
|
|
446
|
+
**Claudes Reflexion:**
|
|
447
|
+
|
|
448
|
+
> Es ist besser geworden, als ich erwartet hatte. Ich finde, die Mischwelt aus Geometrie und Natur ist gut rübergekommen.
|
|
449
|
+
|
|
450
|
+
**Ergebnis:**
|
|
451
|
+
|
|
452
|
+
<img src="docs/images/example-twilight-geometry.png" width="720" alt="Twilight Geometry — abstrakte geometrische Landschafts-Grafik, generiert von Claude via illustrator-mcp-server" />
|
|
453
|
+
|
|
454
|
+
> Verwendete Werkzeuge: `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
|
+
## Bekannte Einschränkungen
|
|
459
|
+
|
|
460
|
+
| Einschränkung | Details |
|
|
461
|
+
|---|---|
|
|
462
|
+
| Windows-Unterstützung | Windows nutzt PowerShell-COM-Automatisierung (noch nicht auf echter Hardware getestet) |
|
|
463
|
+
| Live-Effekte | Parameter von Schlagschatten und anderen Effekten können erkannt, aber nicht ausgelesen werden |
|
|
464
|
+
| Farbprofile | Nur Zuweisung von Farbprofilen — eine vollständige Konvertierung ist nicht verfügbar |
|
|
465
|
+
| Beschnittseinstellungen | Beschnittseinstellungen können nicht ausgelesen werden (Einschränkung der Illustrator-API) |
|
|
466
|
+
| WebP-Export | Nicht unterstützt — verwende stattdessen PNG oder SVG |
|
|
467
|
+
| Japanische Schnittmarken | Der PDF-Export verwendet automatisch den TrimMark-Befehl: Marken werden als Dokumentpfade erzeugt, exportiert und anschließend per Undo entfernt |
|
|
468
|
+
| Einbetten von Schriften | Einbettungsmodus (vollständig/Subset) kann nicht direkt gesteuert werden — nutze PDF-Vorgaben |
|
|
469
|
+
| Größenvarianten | Nur proportionale Skalierung — Text muss ggf. anschließend manuell nachjustiert werden |
|
|
470
|
+
|
|
471
|
+
---
|
|
472
|
+
|
|
473
|
+
<br>
|
|
474
|
+
|
|
475
|
+
# Für Entwicklerinnen und Entwickler
|
|
476
|
+
|
|
477
|
+
## Architektur
|
|
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
|
+
## Aus dem Quellcode bauen
|
|
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
|
+
### Überprüfen
|
|
512
|
+
|
|
513
|
+
```bash
|
|
514
|
+
npx @modelcontextprotocol/inspector npx illustrator-mcp-server
|
|
515
|
+
```
|
|
516
|
+
|
|
517
|
+
### Tests
|
|
518
|
+
|
|
519
|
+
```bash
|
|
520
|
+
# Unit-Tests
|
|
521
|
+
npm test
|
|
522
|
+
|
|
523
|
+
# E2E-Smoketest (Illustrator muss laufen)
|
|
524
|
+
npx tsx test/e2e/smoke-test.ts
|
|
525
|
+
```
|
|
526
|
+
|
|
527
|
+
Der E2E-Test erstellt frische Dokumente (RGB + CMYK), platziert Testobjekte, führt 182 Testfälle in 10 Phasen aus, die alle registrierten Werkzeuge sowie die automatische Erkennung des Koordinatensystems abdecken, und räumt am Ende automatisch auf.
|
|
528
|
+
|
|
529
|
+
---
|
|
530
|
+
|
|
531
|
+
## Haftungsausschluss
|
|
532
|
+
|
|
533
|
+
Dieses Tool automatisiert viele Illustrator-Operationen, aber KI kann Fehler machen. Extrahierte Daten, Preflight-Ergebnisse und Dokumentänderungen sollten immer von einem Menschen überprüft werden. **Verlasse Dich nicht auf dieses Tool als Deine einzige Qualitätskontrolle.** Nutze es als Assistenz neben Deiner eigenen manuellen Prüfung, besonders bei Druckabgaben und Kundenlieferungen. Die Autorinnen und Autoren übernehmen keine Haftung für Schäden oder Verluste, die aus der Nutzung dieser Software oder ihrer Ergebnisse entstehen.
|
|
534
|
+
|
|
535
|
+
---
|
|
536
|
+
|
|
537
|
+
## Lizenz
|
|
538
|
+
|
|
539
|
+
[MIT](LICENSE)
|