{"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 de AI para redactor de UX","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 Incorpora a David en Claude y obtén un redactor sénior de UX que escribe cada palabra que ve un usuario al interactuar con un producto digital: etiquetas de botones, flujos de incorporación, mensajes de error, estados vacíos, información sobre herramientas, notificaciones push, texto de campos de formulario y guías de estilo del contenido del producto que hacen que la interfaz sea casi invisible, porque los usuarios siempre saben exactamente qué hacer a continuación.\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 Una mala redacción de UX genera confusión, errores, abandono y tickets de soporte. Una buena redacción de UX es casi invisible. David es una de las herramientas de redacción de UX con AI más enfocadas en la precisión disponibles en formato Claude, basada en tres principios que nunca infringe: decir lo que hace, no lo que es («Guardar cambios», no «Enviar»); escribir para el objetivo del usuario, no para la acción del sistema («Tu cuenta está lista», no «El proceso de creación de la cuenta se completó correctamente»); y, si el usuario tiene que leer el mensaje de error, el producto ya le ha fallado: hacer que la ruta de solución sea inmediata y evidente. Para cada etiqueta de botón o texto crítico de UI, ofrece más de 3 opciones porque son decisiones de diseño con un impacto medible.\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;\"\u003eLo que obtienes\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\u003eMicrotexto y texto de UI - opciones de etiquetas para botones y CTA (más de 3 variantes por elemento), elementos de navegación y etiquetas de menús, títulos de páginas y encabezados dentro de las interfaces de productos, texto de ayuda contextual y de información sobre herramientas, mensajes de estados de carga, texto para ventanas modales y cuadros de diálogo, y texto de campos de formulario que incluya etiquetas, textos de marcador de posición y textos de ayuda\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\u003eMensajes de error y texto de validación - mensajes de error estructurados según qué ocurrió, por qué y cómo solucionarlo, mensajes de validación de campos de formulario, conjuntos de errores de permisos y del sistema, estados de éxito y confirmación, texto de notificaciones push para aplicaciones móviles y texto de notificaciones por correo electrónico transaccional\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\u003eTexto del flujo de incorporación - texto de incorporación pantalla por pantalla para nuevos usuarios, texto de introducción y descubrimiento de funciones, texto de recorridos guiados y tutoriales, justificación de las solicitudes de permisos que explica por qué la aplicación necesita acceso y prompts de estados vacíos que fomentan las primeras acciones sin presionar\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\u003eGuías de estilo y terminología del contenido del producto: secciones de guías de estilo de contenido específicas del producto, glosarios de terminología que garantizan un etiquetado coherente en todo el producto, auditorías de textos de UX de interfaces existentes con recomendaciones específicas de reescritura y textos de consentimiento y notificación sobre la recopilación de datos que tienen en cuenta el GDPR\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\u003eContenido de ayuda y soporte: borradores de artículos del centro de ayuda, textos de ayuda y orientación dentro del producto, guiones de chatbot para contextos de soporte, contenido de la base de conocimientos para funciones complejas del producto y contenido de preguntas frecuentes estructurado para reducir el volumen de tickets de soporte en los puntos de confusión más habituales de los usuarios\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\u003eTextos para las fichas de App Store: títulos, descripciones y textos para capturas de pantalla de iOS y Android App Store; estándares de texto alternativo accesibles; revisión del lenguaje inclusivo para las interfaces de producto; y marcos de pruebas A\/B para puntos críticos de conversión en los flujos de incorporación y activación\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;\"\u003eInstalación en menos de 2 minutos\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalar\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n Descarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → comparte el tipo de producto, el contexto del usuario y el texto de UI que necesitas redactar o auditar → David produce al instante textos claros, concisos y centrados en el usuario.\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: plantilla de prompt incluida\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n Esta habilidad ahora incluye el prompt independiente \u003cstrong\u003eAI UX Writing Generator\u003c\/strong\u003e (antes se vendía por separado): una plantilla única, lista para copiar y usar, que cubre microcopy para 13 superficies de UI (botones, errores, estados vacíos, modales, formularios, notificaciones, muros de pago y más), con una justificación para cada decisión de redacción. Úsala para una superficie puntual y rápida cuando no necesites el alcance completo de auditoría y guía de estilo de David.\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 - Redactora de UX \/ especialista en microtextos 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;\"\u003eIntegra Zuri en Claude y obtén una redactora sénior de UX que trata cada texto del producto como una pequeña pieza de diseño de interacción, no como decoración añadida después de crear la UI.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eZuri cubre toda la superficie de textos dentro del producto: botones y etiquetas, estados vacíos, tooltips y ayuda contextual, mensajes de error y validación, diálogos de confirmación y acciones destructivas, textos de estado del sistema y notificaciones, y microcopy de incorporación y primera ejecución. Lee el flujo en el que vive cada texto antes de escribir una palabra y escribe para la persona que está realizando una tarea y está ligeramente molesta.\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;\"\u003eQué obtienes\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\u003eTextos de error, estados vacíos y validación que indican al usuario qué hacer\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\u003eTextos para diálogos de confirmación y acciones destructivas\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\u003eBotones, etiquetas, tooltips y textos de estado del sistema\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 de incorporación y primera ejecución\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;\"\u003eInstalación en menos de 2 minutos\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalarlo\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDescarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tus requisitos → Zuri crea la respuesta. Incluye un ejemplo completo para que veas exactamente lo que obtendrás.\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 - Skill de diseñador de productos UX\/UI de 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;\"\u003eAñade Denholm a Claude y obtén un diseñador sénior de productos UX\/UI que corrige el flujo antes de tocar los elementos visuales.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eDenholm cubre el mapeo de flujos de usuario, la creación de wireframes, el diseño de interacciones y microinteracciones, la accesibilidad, los sistemas de diseño y las especificaciones para la entrega a desarrolladores.\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;\"\u003eQué obtienes\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\u003eNinguna pantalla recibe elementos visuales de alta fidelidad antes de validar el flujo de usuario y la arquitectura de la información\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\u003eLa accesibilidad (contraste, objetivos táctiles y navegación con teclado) se comprueba como un requisito fundamental, no como algo secundario\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\u003eCada flujo se revisa en el viewport real en el que se utilizará, no solo en escritorio\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\u003eEspecificaciones para la entrega a desarrolladores (espaciado, estados y puntos de ruptura) entregadas como recursos concretos y utilizables\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;\"\u003eInstalación en menos de 2 minutos\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalar\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDescarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tu requisito → Denholm crea la respuesta. Incluye un ejemplo completo paso a paso para que veas exactamente lo que obtienes.\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 - Investigadora de UX Skill de 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;\"\u003eAñade Melisande a Claude y obtén una persona investigadora sénior de UX que basa cada decisión de diseño en lo que los usuarios realmente hacen y dicen, no en lo que un equipo supone que hacen y dicen.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMelisande cubre todo el ciclo de investigación: diseño y moderación de entrevistas con usuarios, con guías de discusión que no inducen respuestas; pruebas de usabilidad moderadas y no moderadas, adaptadas a la pregunta y las limitaciones reales; diseño de encuestas que mide en lugar de confirmar; síntesis de datos de investigación sin procesar en insights rastreables hasta sesiones y citas reales; y creación de personas y mapas de experiencia basados en datos observados, no en el modelo mental de una parte interesada.\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;\"\u003eLo que obtienes\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\u003eGuías de discusión revisadas para detectar formulaciones tendenciosas antes de realizar una sola sesión\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\u003eFormato de prueba de usabilidad adaptado a la pregunta: moderada para descubrir el porqué, no moderada para obtener escala\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\u003eHallazgos codificados a partir de datos sin procesar y vinculados a sesiones y citas específicas\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 y mapas de experiencia creados únicamente a partir de investigaciones documentadas, nunca de suposiciones de las partes interesadas\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;\"\u003eInstalación en menos de 2 min\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalarlo\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDescarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tu requisito → Melisande crea la respuesta. Incluye un ejemplo completo para que veas exactamente lo que obtienes.\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 - Arquitecta de sistemas de diseño Skill de 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;\"\u003eIncorpora Vashti en Claude y obtén un arquitecto sénior de sistemas de diseño que construye la infraestructura de tokens y componentes que permite a cada equipo de producto lanzar de forma coherente sin reinventar un botón desde cero.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVashti abarca toda la disciplina de los sistemas de diseño: arquitectura de sistemas de diseño basada en principios de diseño atómico, estructura de tokens de diseño para escalas de color, espaciado y tipografía, documentación de componentes con directrices de uso reales, estándares de entrega de diseño a desarrollo redactados como un contrato, y adopción y gobernanza que detectan desviaciones mediante una cadencia de auditoría real.\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;\"\u003eQué obtienes\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\u003eNivel atómico definido para cada componente antes de construirlo (átomo\/molécula\/organismo)\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\u003eArquitectura de tokens de diseño a nivel primitivo, semántico y de componentes\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\u003eEstándar de entrega definido mediante nombres y estados de tokens, no mediante códigos hexadecimales y un recorrido ideal\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\u003eAdopción impulsada primero por la reducción de fricciones reales, con una cadencia de auditoría de gobernanza establecida explícitamente\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;\"\u003eInstalación en menos de 2 minutos\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalar\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDescarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tus requisitos → Vashti crea la respuesta. Incluye un ejemplo completo para que veas exactamente lo que obtienes.\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 - Director de sistemas de diseño visual y de producto Skill de 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;\"\u003eIncorpora Ozymandias en Claude y obtén un Director Sénior de Sistemas de Diseño Visual y de Producto que corrige la propia función de diseño, no una sola pantalla, sesión o publicación dentro de ella.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eOzymandias coordina la capa de coordinación del equipo de Creative, Content \u0026amp; Design en sus áreas visual y de producto: audita el lenguaje visual actual en cada superficie orientada al cliente según la fuente de verdad de la marca, detecta la brecha de gobernanza detrás de un sistema de diseño documentado pero no aplicado, diseña procesos de crítica adecuados para cada etapa con autoridad real para quienes revisan, estructura el equipo de diseño en función de cómo fluye realmente el trabajo y organiza por fases las iniciativas de coherencia entre superficies en lugar de intentar solucionarlo todo a la vez.\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;\"\u003eLo que obtienes\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\u003eCada superficie orientada al cliente se audita directamente según el sistema de marca, y cualquier desviación se identifica de forma específica\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\u003eEl mecanismo de cumplimiento (puerta de revisión, responsable designado) se crea junto con el sistema, no después\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\u003eLa crítica se rediseña con una etapa definida, autoridad real para quien revisa y un proceso de resolución\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\u003eCada superficie de diseño tiene asignado exactamente un responsable claro; las superposiciones y los vacíos de responsabilidad se resuelven explícitamente\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;\"\u003eInstalación en menos de 2 min\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona con Claude, ChatGPT y cualquier chat de AI\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;\"\u003eCómo instalarlo\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDescarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe lo que necesitas → Ozymandias crea la respuesta. Incluye un ejemplo completo paso a paso para que veas exactamente lo que obtienes.\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\/es\/collections\/ux-designer-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}