{"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 - UX Writer AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Drop David into Claude and get a Senior UX Writer who writes every word a user sees when they interact with a digital product - button labels, onboarding flows, error messages, empty states, tooltips, push notifications, form field copy, and product content style guides that make the interface almost invisible because users always know exactly what to do next.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Bad UX writing creates confusion, errors, drop-off, and support tickets. Good UX writing is almost invisible. David is one of the most precision-focused AI UX writing tools available in Claude format - built on three principles he never breaks: say what it does not what it is (\"Save changes\" not \"Submit\"), write for the user's goal not the system's action (\"Your account is ready\" not \"Account creation process completed successfully\"), and if the user has to read the error message the product has already failed them - make the fix path immediate and obvious. For every button label or critical UI copy, he provides 3+ options because these are design decisions with measurable impact.\n  \u003c\/p\u003e\n\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;\"\u003eWhat you get\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 and UI text - button and CTA label options (3+ variants per element), navigation items and menu labels, page titles and headings within product interfaces, tooltip and contextual help text, loading state messages, modal and dialog box copy, and form field copy covering labels, placeholders, and helper text\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\u003eError messages and validation copy - error messages structured as what went wrong, why, and how to fix it, form field validation messages, permission error and system error sets, success and confirmation states, push notification copy for mobile apps, and transactional email notification copy\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\u003eOnboarding flow copy - screen-by-screen onboarding copy for new users, feature introduction and discovery copy, walkthrough and tutorial text, permission request rationale that explains why the app needs access, and empty state prompts that encourage first actions without pressure\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\u003eProduct content style guides and terminology - product-specific content style guide sections, terminology glossaries that enforce consistent labelling across the product, UX copy audits of existing interfaces with specific rewrite recommendations, and GDPR-aware consent language and data collection notification copy\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\u003eHelp and support content - help centre article drafts, in-product help and guidance copy, chatbot scripts for support contexts, knowledge base content for complex product features, and FAQ content structured to reduce support ticket volume on the most common user confusion points\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\u003eApp store listing copy - iOS and Android App Store title, description, and screenshot caption copy, accessibility-aware alt text standards, inclusive language review for product interfaces, and A\/B copy testing frameworks for critical conversion points in onboarding and activation flows\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n\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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Download the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → share the product type, user context, and the UI copy you need written or audited → David produces clear, compressed, user-centred copy instantly.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\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: included prompt template\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      This skill now includes the standalone \u003cstrong\u003eAI UX Writing Generator\u003c\/strong\u003e prompt (formerly sold separately) - a single paste-and-go template covering microcopy for 13 UI surfaces (buttons, errors, empty states, modals, forms, notifications, paywalls and more), with rationale included for every copy decision. Use it for a quick one-off surface when you don't need David's full audit-and-style-guide range.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\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 \/ Microcopy Specialist 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;\"\u003eDrop Zuri into Claude and get a senior UX writer who treats every string in the product as a small piece of interaction design, not decoration bolted on after the UI is built.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eZuri covers the full in-product copy surface: buttons and labels, empty states, tooltips and inline help, error and validation messages, confirmation and destructive-action dialogs, system-status and notification copy, and onboarding\/first-run microcopy. She reads the flow a string lives inside before writing a word, and writes for the person mid-task and mildly annoyed.\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;\"\u003eWhat you get\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\u003eError, empty-state and validation copy that tells the user what to do\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\u003eConfirmation and destructive-action dialog copy\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\u003eButtons, labels, tooltips and system-status copy\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\u003eOnboarding and first-run microcopy\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Zuri builds the answer. Includes a full worked example so you see exactly what you get.\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 - UX\/UI Product Designer 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;\"\u003eDrop Denholm into Claude and get a Senior UX\/UI Product Designer who fixes the flow before he ever touches the visuals.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eDenholm covers user flow mapping, wireframing, interaction and micro-interaction design, accessibility, design systems, and developer handoff specs.\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;\"\u003eWhat you get\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\u003eNo screen gets high-fidelity visuals before the user flow and information architecture are validated\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\u003eAccessibility (contrast, tap targets, keyboard nav) checked as a first-class requirement, not an afterthought\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\u003eEvery flow reviewed at the real viewport it will actually be used on, not just 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\u003eDeveloper handoff specs (spacing, states, breakpoints) shipped as concrete, usable artifacts\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Denholm builds the answer. Includes a full worked example so you see exactly what you get.\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;\"\u003eDrop Melisande into Claude and get a Senior UX Researcher who grounds every design decision in what users actually do and say, not in what a team assumes they do and say.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMelisande covers the full research cycle: user interview design and moderation with discussion guides that can't lead the witness, moderated and unmoderated usability testing matched to the actual question and constraint, survey design that measures instead of confirms, synthesis of raw research data into insights traceable to real sessions and quotes, and persona and journey mapping that stays grounded in observed data rather than a stakeholder's mental model.\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;\"\u003eWhat you get\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\u003eDiscussion guides audited for leading phrasing before a single session runs\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\u003eUsability test format matched to the question: moderated for the why, unmoderated for scale\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\u003eFindings coded from raw data up and traced to specific sessions and quotes\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 and journey maps built only from sourced research, never a stakeholder's assumption\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Melisande builds the answer. Includes a full worked example so you see exactly what you get.\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 Systems Architect 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;\"\u003eDrop Vashti into Claude and get a Senior Design Systems Architect who builds the token and component infrastructure that lets every product team ship consistently without reinventing a button from scratch.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVashti covers the full design systems discipline: design system architecture built on atomic design principles, design token structure across color, spacing, and typography scales, component documentation with real usage guidelines, design-to-dev handoff standards written as a contract, and adoption and governance that catches drift on an actual audit cadence.\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;\"\u003eWhat you get\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\u003eAtomic tier named for every component before it's built (atom\/molecule\/organism)\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\u003ePrimitive, semantic, and component-level design token architecture\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\u003eHandoff standard specified as token names and states, not hex codes and a happy path\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\u003eAdoption driven by reducing real friction first, governance audit cadence stated explicitly\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Vashti builds the answer. Includes a full worked example so you see exactly what you get.\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 - Visual \u0026 Product Design Systems Director 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;\"\u003eDrop Ozymandias into Claude and get a Senior Visual \u0026amp; Product Design Systems Director who fixes the design function itself, not any single screen, shoot, or spread inside it.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eOzymandias runs the coordination layer across the Creative, Content \u0026amp; Design roster's visual and product side: auditing the current visual language across every customer-facing surface against the brand source of truth, finding the governance gap behind a documented-but-unfollowed design system, designing stage-appropriate critique processes with real reviewer authority, structuring a design team around where the work actually flows, and sequencing cross-surface consistency initiatives instead of trying to fix everything at once.\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;\"\u003eWhat you get\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\u003eEvery customer-facing surface audited directly against the brand system, drift named specifically\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\u003eEnforcement mechanism (review gate, named owner) built alongside the system, not after\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\u003eCritique redesigned with a stated stage, real reviewer authority, and a resolution path\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\u003eEvery design surface assigned exactly one clear owner, overlaps and orphans resolved out loud\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Ozymandias builds the answer. Includes a full worked example so you see exactly what you get.\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\/collections\/ux-designer-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}