[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"nr-de-anthropic-claude-code-design-skill-preview":3},{"slug":4,"title":5,"dek":6,"date":7,"time":8,"publishedAt":9,"updated":10,"updatedAt":10,"dateFmt":11,"updatedFmt":10,"kind":12,"tier":13,"author":14,"authorName":15,"topics":16,"tracker":10,"trackerLabel":10,"headlineStat":10,"image":22,"ogImage":23,"imageAlt":5,"csv":10,"minutes":24,"words":25,"html":26},"anthropic-claude-code-design-skill-preview","Anthropic bringt Design-Funktion in Claude Code – \u002Fdesign-Skill im Research Preview","Anthropic hat einen neuen \u002Fdesign-Skill für Claude Code angekündigt, der UI-Design direkt in CLI und Desktop ermöglicht. Die Funktion bringt Artboards aus Claude Design in die Kommandozeile.","2026-08-18","08:14","2026-08-18T08:14:00+02:00","","18. August 2026","news","standard","ideal-syka","Ideal Syka",[17,18,19,20,21],"Claude","UI-Design","Developer Tools","Anthropic","KI-Coding","\u002Fnewsroom\u002Fimg\u002Fanthropic-claude-code-design-skill-preview.webp","\u002Fog-nr\u002Fanthropic-claude-code-design-skill-preview.de.png",1,176,"\u003Cp>Anthropic hat laut eigener Ankündigung einen neuen \u003Cstrong>\u002Fdesign-Skill\u003C\u002Fstrong> für Claude Code gestartet – vorerst als Research Preview. Die Funktion integriert die Artboard-Workflow von Claude Design direkt in die CLI und Desktop-Variante von Claude Code, aufgebaut auf dem Artifacts-System.\u003C\u002Fp>\n\u003Cp>Nutzer können den Befehl \u003Ccode>\u002Fdesign\u003C\u002Fcode> ausführen, um editierbare Artboards für ihre UI zu generieren. Dann lässt sich ein Design auswählen, anpassen und anschließend von Claude implementieren.\u003C\u002Fp>\n\u003Ch2>Kurz & knapp\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Neuer Skill\u003C\u002Fstrong>: \u003Ccode>\u002Fdesign\u003C\u002Fcode> bringt \u003Cstrong>Claude Design\u003C\u002Fstrong>-Artboards in \u003Cstrong>Claude Code\u003C\u002Fstrong> (CLI und Desktop)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Workflow\u003C\u002Fstrong>: Artboards generieren → auswählen → anpassen → implementieren\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Status\u003C\u002Fstrong>: Research Preview (frühe Testphase)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Basis\u003C\u002Fstrong>: Gebaut auf Anthropics \u003Cstrong>Artifacts\u003C\u002Fstrong>-Technologie\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Was das bedeutet\u003C\u002Fh2>\n\u003Cp>Die Funktion könnte für deutsche Entwickler und Designer relevant werden, die Claude Code bereits nutzen – sie könnten UI-Entwürfe und Implementierung näher zusammenbringen, ohne zwischen Tools zu wechseln. Offen bleibt, wann die Funktion aus der Preview-Phase in die Standardversion wechselt und wie sie sich in bestehende Design-Workflows integriert.\u003C\u002Fp>\n\u003Ch2>Quellen\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fbsky.app\u002Fprofile\u002Fanthropicbot.bsky.social\u002Fpost\u002F3mtcqco4zvd24\">Anthropic {bot}\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cem>Redaktionell verantwortet von \u003Ca href=\"\u002Fautor\u002Fideal-syka\">Ideal Syka\u003C\u002Fa>. Quellen und Arbeitsweise: \u003Ca href=\"\u002Fredaktion\">Redaktion & Methode\u003C\u002Fa>. Hinweise und Korrekturen: \u003Ca href=\"mailto:ai@i6eal.de\">ai@i6eal.de\u003C\u002Fa>.\u003C\u002Fem>\u003C\u002Fp>\n",1787047693651]