Plugins

Aus Anthropic canvas-design / web-artifacts-builder angepasstes Design-Artefakt-Skill: verwandelt ein Design-Briefing in ein eigenständiges HTML/SVG-Artefakt (Poster, Infografiken, Landing Pages, Diagramme, Component-Mockups) mit einer Qualitäts-Checkliste vor der Auslieferung und einer Liste von Mustern gegen einen KI-Look.

Design workbench in the right sidebar. When the model builds web pages, app screens, posters, slides or emails, each HTML file shows up as a screen on a canvas inside a device frame and refreshes when the file changes; local dev servers are proxied with hot reload intact. Click an element or drag a region to put its selector, source file and styles into the composer. Also has a design tokens panel, versions saved before and after each turn with drag-to-compare and restore, image export, a LAN QR link for viewing on a phone, link arrows and a click-through demo mode, a multi-size view, in-place text editing, reference-image palettes, and a bundled ui-design skill plus a preview_page tool.

Consumer des ui_mockup-Tools: erzeugt in der Diskussionsphase UI-Wireframes bzw. High-Fidelity-Skizzen, legt den Entwurf auf der Platte ab, bittet um Bestätigung und sperrt danach die Design-Spezifikation; enthält Client-Karten, Bild-Routing und i18n.

Erzeugt UI-Wireframes und hochauflösende Mockups in DeepSeek Harness mit auswählbaren DashScope- und Volcengine-Bildanbietern.

Design Studio-Tab: Design-Briefings werden zu html/css/js-Mockups mit Live-Vorschau, Element-Picker, Design-Agent-Chat mit Vision-Review, Identitäts-Presets und Zip-Export.

DSH frontend design generation skill: turns a design request into a polished, self-contained HTML/SVG artifact you can open by double-clicking (poster, infographic, landing page, chart, component mockup). Adapted from Anthropic canvas-design / web-artifac