[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"nr-en-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 Launches \u002Fdesign Skill for Claude Code – UI Design in Research Preview","Anthropic has announced a new \u002Fdesign skill for Claude Code, enabling UI design directly in CLI and Desktop. The feature brings artboards from Claude Design into the command line.","2026-08-18","08:14","2026-08-18T08:14:00+02:00","","August 18, 2026","news","standard","ideal-syka","Ideal Syka",[17,18,19,20,21],"Claude","UI Design","Developer Tools","Anthropic","AI Coding","\u002Fnewsroom\u002Fimg\u002Fanthropic-claude-code-design-skill-preview.webp","\u002Fog-nr\u002Fanthropic-claude-code-design-skill-preview.en.png",1,183,"\u003Cp>Anthropic has launched a new \u003Cstrong>\u002Fdesign skill\u003C\u002Fstrong> for Claude Code as a research preview, according to the company's announcement. The feature integrates the artboard workflow from Claude Design directly into Claude Code's CLI and Desktop variants, built on Anthropic's Artifacts system.\u003C\u002Fp>\n\u003Cp>Users can run the \u003Ccode>\u002Fdesign\u003C\u002Fcode> command to generate editable artboards for their UI. They can then select a design, tweak it, and have Claude implement it.\u003C\u002Fp>\n\u003Ch2>Key Facts\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>New skill\u003C\u002Fstrong>: \u003Ccode>\u002Fdesign\u003C\u002Fcode> brings \u003Cstrong>Claude Design\u003C\u002Fstrong> artboards into \u003Cstrong>Claude Code\u003C\u002Fstrong> (CLI and Desktop)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Workflow\u003C\u002Fstrong>: Generate artboards → select → customize → implement\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Status\u003C\u002Fstrong>: Research Preview (early testing phase)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Foundation\u003C\u002Fstrong>: Built on Anthropic's \u003Cstrong>Artifacts\u003C\u002Fstrong> technology\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>What It Means\u003C\u002Fh2>\n\u003Cp>The feature could be relevant for German developers and designers already using Claude Code – it could bring UI design and implementation closer together without switching between tools. It remains unclear when the feature will move from preview to standard release and how it will integrate with existing design workflows.\u003C\u002Fp>\n\u003Ch2>Sources\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>Editorially owned by \u003Ca href=\"\u002Fen\u002Fautor\u002Fideal-syka\">Ideal Syka\u003C\u002Fa>. Sources and method: \u003Ca href=\"\u002Fen\u002Fredaktion\">Newsroom & method\u003C\u002Fa>. Tips and corrections: \u003Ca href=\"mailto:ai@i6eal.de\">ai@i6eal.de\u003C\u002Fa>.\u003C\u002Fem>\u003C\u002Fp>\n",1787047693697]