{"title":"UX Designer and Researcher Claude Skills","description":"\u003cp\u003eClaude skills for UX designers, product designers and UX researchers. Downloadable .md configuration files for research plans, usability findings, interface copy and design critique. Instant download, 30-day money-back guarantee.\u003c\/p\u003e","products":[{"product_id":"david-ux-writer-ai-skill","title":"David - Skill für UX-Texte mit AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n Füge David in Claude ein und erhalte einen Senior UX Writer, der jedes Wort formuliert, das Nutzer bei der Interaktion mit einem digitalen Produkt sehen - Button-Beschriftungen, Onboarding-Abläufe, Fehlermeldungen, Empty States, Tooltips, Push-Benachrichtigungen, Texte für Formularfelder und Styleguides für Produkttexte, die die Benutzeroberfläche nahezu unsichtbar machen, weil Nutzer immer genau wissen, was als Nächstes zu tun ist.\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n Schlechtes UX-Writing sorgt für Verwirrung, Fehler, Abbrüche und Supportanfragen. Gutes UX-Writing ist nahezu unsichtbar. David ist eines der präzisesten verfügbaren AI-Tools für UX-Writing im Claude-Format - entwickelt nach drei Prinzipien, von denen er niemals abweicht: Sage, was etwas bewirkt, nicht, was es ist („Änderungen speichern“ statt „Absenden“); schreibe für das Ziel des Nutzers, nicht für die Aktion des Systems („Dein Konto ist bereit“ statt „Kontoerstellung erfolgreich abgeschlossen“); und wenn der Nutzer die Fehlermeldung lesen muss, hat das Produkt ihn bereits im Stich gelassen - der Lösungsweg muss unmittelbar und eindeutig sein. Für jede Button-Beschriftung und jeden wichtigen UI-Text liefert er mindestens 3 Optionen, denn diese Designentscheidungen haben messbare Auswirkungen.\n \u003c\/p\u003e\n \u003cdiv style=\"background: #EEEDFE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas bekommst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eMicrocopy und UI-Texte - Optionen für Button- und CTA-Beschriftungen (mindestens 3 Varianten pro Element), Navigationselemente und Menüpunkte, Seitentitel und Überschriften innerhalb von Produktoberflächen, Tooltip- und kontextbezogene Hilfetexte, Meldungen für Ladezustände, Texte für Modalfenster und Dialogfelder sowie Formulartexte für Beschriftungen, Platzhalter und Hilfetexte\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eTexte für Fehlermeldungen und Validierung - Fehlermeldungen nach dem Muster: Was ist passiert, warum ist es passiert und wie lässt es sich beheben; Validierungsmeldungen für Formularfelder, Sets für Berechtigungs- und Systemfehler, Erfolgs- und Bestätigungszustände, Push-Benachrichtigungstexte für mobile Apps sowie Texte für transaktionale E-Mail-Benachrichtigungen\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eText für den Onboarding-Ablauf - Bildschirm für Bildschirm: Onboarding-Texte für neue Nutzer, Texte zur Einführung und Entdeckung von Funktionen, Anleitungen und Tutorial-Texte, Begründungen für Berechtigungsanfragen, die erklären, warum die App Zugriff benötigt, sowie Empty-State-Prompts, die ohne Druck zu ersten Aktionen motivieren\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eStyleguides und Terminologie für Produktinhalte - Abschnitte produktspezifischer Content-Styleguides, Terminologieglossare zur Durchsetzung einheitlicher Bezeichnungen im gesamten Produkt, UX-Texteprüfungen bestehender Oberflächen mit konkreten Überarbeitungsempfehlungen sowie GDPR-konforme Einwilligungstexte und Hinweise zur Datenerhebung\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eHilfe- und Supportinhalte - Entwürfe für Hilfe-Center-Artikel, Hilfe- und Anleitungstexte im Produkt, Chatbot-Skripte für Supportkontexte, Wissensdatenbankinhalte für komplexe Produktfunktionen sowie FAQ-Inhalte, die so strukturiert sind, dass sie die Anzahl der Supporttickets bei den häufigsten Verständnisproblemen reduzieren\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eTexte für App-Store-Einträge - Titel, Beschreibungstexte und Screenshot-Bildunterschriften für den iOS- und Android-App-Store, barrierearme Alternativtexte, Prüfung auf inklusive Sprache für Produktoberflächen sowie Frameworks für A\/B-Texttests an kritischen Conversion-Punkten in Onboarding- und Aktivierungsabläufen\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 david-ux-writer-ai-skill.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eInstallation in unter 2 Minuten\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #4F46E5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n Lade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → teile den Produkttyp, den Nutzungskontext und die UI-Texte mit, die du erstellen oder prüfen lassen möchtest → David erstellt sofort klare, prägnante und nutzerorientierte Texte.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; margin-top: 24px; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 10px 0; font-family: 'DM Mono', monospace;\"\u003e\/\/ Bonus: enthaltene Prompt-Vorlage\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n Dieser Skill enthält jetzt auch den eigenständigen Prompt \u003cstrong\u003eAI UX Writing Generator\u003c\/strong\u003e (zuvor separat verkauft) - eine einzelne Vorlage zum Kopieren und direkten Verwenden, die Microcopy für 13 UI-Oberflächen abdeckt (Buttons, Fehlermeldungen, leere Zustände, Modalfenster, Formulare, Benachrichtigungen, Paywalls und mehr) und für jede Textentscheidung eine Begründung liefert. Verwende ihn für eine schnelle, einmalige Oberfläche, wenn du nicht Davids vollständigen Audit- und Styleguide-Umfang benötigst.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57637861196040,"sku":"david-ux-writer-ai-skill","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/david-ux-writer-ai-skill-book.jpg?v=1787132153"},{"product_id":"zuri-ux-writer-microcopy","title":"Zuri - UX Writer \/ Skill für Microcopy mit AI","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Zuri in Claude ein und erhalte eine Senior-UX-Texterin, die jeden Text im Produkt als kleines Stück Interaktionsdesign betrachtet - nicht als nachträglich an die fertige UI angehängte Dekoration.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eZuri deckt die gesamte Copy-Fläche im Produkt ab: Buttons und Beschriftungen, Leerzustände, Tooltips und Inline-Hilfe, Fehler- und Validierungsmeldungen, Bestätigungs- und Dialoge zu destruktiven Aktionen, Systemstatus- und Benachrichtigungstexte sowie Microcopy für Onboarding und den ersten Start. Sie liest den Ablauf, in den ein Text eingebettet ist, bevor sie auch nur ein Wort schreibt, und formuliert für die Person, die gerade mitten in einer Aufgabe steckt und leicht genervt ist.\u003c\/p\u003e\n \u003cdiv style=\"background: #FCF3DE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C9950A; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(201,149,10,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C9950A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFehler-, Leerzustands- und Validierungstexte, die dem Nutzer sagen, was zu tun ist\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(201,149,10,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C9950A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eTexte für Bestätigungs- und Dialoge zu destruktiven Aktionen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(201,149,10,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C9950A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eTexte für Buttons, Beschriftungen, Tooltips und Systemstatus\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C9950A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eMicrocopy für Onboarding und den ersten Start\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 zuri-ux-writer-microcopy.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in unter 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #C9950A; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C9950A; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → beschreibe deine Anforderungen → Zuri erstellt die Antwort. Enthält ein vollständig ausgearbeitetes Beispiel, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58320656761096,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zuri-ux-writer-microcopy-book.jpg?v=1787215256"},{"product_id":"denholm-ux-ui-product-designer","title":"Denholm - AI-Experte für UX\/UI-Produktdesign Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Denholm in Claude ein und erhalte einen Senior UX\/UI-Produktdesigner, der den Flow verbessert, bevor er sich überhaupt mit den Visualisierungen befasst.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eDenholm kümmert sich um die Abbildung von Nutzerflüssen, Wireframing, Interaktions- und Mikrointeraktionsdesign, Barrierefreiheit, Designsysteme und Spezifikationen für die Entwicklerübergabe.\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eKein Bildschirm erhält hochauflösende Visualisierungen, bevor Nutzerfluss und Informationsarchitektur validiert wurden\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eBarrierefreiheit (Kontrast, Touch-Ziele, Tastaturnavigation) wird als grundlegende Anforderung geprüft, nicht erst nachträglich\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eJeder Flow wird im tatsächlichen Viewport überprüft, in dem er verwendet wird - nicht nur auf dem Desktop\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eSpezifikationen für die Entwicklerübergabe (Abstände, Zustände, Breakpoints) werden als konkrete, direkt nutzbare Artefakte bereitgestellt\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 denholm-ux-ui-product-designer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in unter 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder den System-Prompt ein → beschreibe deine Anforderungen → Denholm erstellt die Antwort. Enthält ein vollständiges Praxisbeispiel, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58329007194376,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/denholm-ux-ui-product-designer-book.jpg?v=1787132154"},{"product_id":"melisande-ux-researcher","title":"Melisande - UX-Researcher-AI-Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Melisande in Claude ein und erhalte eine Senior UX Researcherin, die jede Designentscheidung darauf stützt, was Nutzer tatsächlich tun und sagen - nicht darauf, was ein Team annimmt, dass sie tun und sagen.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMelisande deckt den gesamten Forschungszyklus ab: Konzeption und Moderation von Nutzerinterviews mit Diskussionsleitfäden, die die Befragten nicht in eine bestimmte Richtung lenken können; moderierte und unmoderierte Usability-Tests, abgestimmt auf die tatsächliche Fragestellung und die jeweiligen Einschränkungen; Umfragedesign, das misst, statt zu bestätigen; die Synthese von Rohdaten aus der Nutzerforschung zu Erkenntnissen, die sich auf reale Sitzungen und Zitate zurückverfolgen lassen; sowie Persona- und Journey-Mapping, das auf beobachteten Daten statt auf dem mentalen Modell eines Stakeholders basiert.\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDiskussionsleitfäden werden vor Beginn auch nur einer Sitzung auf suggestive Formulierungen geprüft\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDas Format des Usability-Tests wird an die Fragestellung angepasst: moderiert für das Warum, unmoderiert für eine größere Reichweite\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eErkenntnisse werden aus Rohdaten codiert und bis zu konkreten Sitzungen und Zitaten zurückverfolgt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePersonas und Journey-Maps, die ausschließlich auf recherchierten Erkenntnissen basieren, niemals auf der Annahme eines Stakeholders\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 melisande-ux-researcher.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in weniger als 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → beschreibe deine Anforderungen → Melisande erstellt die Antwort. Enthält ein vollständiges Beispiel, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367790285064,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/melisande-ux-researcher-book.jpg?v=1787132794"},{"product_id":"vashti-design-systems-architect","title":"Vashti - Design-System-Architekt-AI-Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Vashti in Claude ein und erhalte eine Senior Design Systems Architect, die die Token- und Komponenteninfrastruktur aufbaut, mit der jedes Produktteam konsistent entwickeln kann, ohne eine Schaltfläche von Grund auf neu erfinden zu müssen.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVashti deckt die gesamte Disziplin der Designsysteme ab: die Architektur eines auf Atomic-Design-Prinzipien basierenden Designsystems, die Struktur von Design-Tokens für Farb-, Abstands- und Typografieskalen, die Dokumentation von Komponenten mit praxisnahen Nutzungsrichtlinien, im Rahmen eines Vertrags formulierte Standards für die Übergabe von Design an Entwicklung sowie Akzeptanz und Governance, die Abweichungen in einem tatsächlichen Prüfzyklus erkennt.\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas bekommst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFür jede Komponente wird vor ihrer Erstellung die atomare Ebene festgelegt (Atom\/Molekül\/Organismus)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDesign-Token-Architektur auf primitiver, semantischer und Komponentenebene\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDer Übergabestandard wird anhand von Token-Namen und Zuständen festgelegt, nicht anhand von Hex-Codes und eines idealtypischen Ablaufs\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAkzeptanz wird zunächst durch die Reduzierung tatsächlicher Reibung vorangetrieben; der Governance-Prüfzyklus wird ausdrücklich festgelegt\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 vashti-design-systems-architect.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in unter 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → beschreibe deine Anforderungen → Vashti erstellt die Antwort. Enthält ein vollständiges ausgearbeitetes Beispiel, damit du genau siehst, was du bekommst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367794610440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vashti-design-systems-architect-book.jpg?v=1787132794"},{"product_id":"ozymandias-visual-product-design-systems-director","title":"Ozymandias - Direktor für visuelle und Produkt-Designsysteme-AI-Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Ozymandias in Claude ein und erhalte einen Senior Director für visuelle und produktbezogene Designsysteme, der die Designfunktion selbst verbessert - nicht nur einen einzelnen Screen, ein Shooting oder eine Publikation darin.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eOzymandias übernimmt die Koordinationsebene für den visuellen und produktbezogenen Bereich des Creative-, Content- \u0026amp; Design-Teams: prüft die aktuelle visuelle Sprache in allen kundenorientierten Bereichen anhand der maßgeblichen Markenquelle, ermittelt die Governance-Lücke hinter einem dokumentierten, aber nicht befolgten Designsystem, entwickelt phasengerechte Kritikprozesse mit echter Entscheidungsbefugnis der Reviewenden, strukturiert ein Designteam entlang des tatsächlichen Arbeitsflusses und legt die Reihenfolge für Initiativen zur bereichsübergreifenden Konsistenz fest, statt alles auf einmal beheben zu wollen.\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eJeder kundenorientierte Bereich wird direkt am Markensystem geprüft; Abweichungen werden konkret benannt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDer Durchsetzungsmechanismus (Review-Gate, benannte verantwortliche Person) wird gemeinsam mit dem System entwickelt, nicht erst danach\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eKritik wird mit einer klar benannten Phase, echter Entscheidungsbefugnis der Reviewenden und einem Lösungsweg neu gestaltet\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eJeder Designbereich hat genau eine klar benannte verantwortliche Person; Überschneidungen und verwaiste Bereiche werden offen geklärt\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 ozymandias-visual-product-design-systems-director.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in weniger als 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → beschreibe deine Anforderungen → Ozymandias erstellt die Antwort. Enthält ein vollständiges, durchgearbeitetes Beispiel, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367851004168,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ozymandias-visual-product-design-systems-book.jpg?v=1787132825"}],"url":"https:\/\/kissmyskills.com\/de\/collections\/ux-designer-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}