Design

openclaw-persona-forge es un skill orientado a flujos de trabajo para crear desde cero paquetes completos de personajes de OpenClaw. Genera tensión de identidad, marcos al estilo SOUL.md, reglas de límites, opciones de nombre y, de forma opcional, orientación para prompts de avatar. Es ideal para diseño de personajes de OpenClaw, agentes de roleplay y trabajo de personaje cercano a UI Design; no está pensado para pequeñas ediciones de un personaje ya existente.

gan-style-harness es una skill de Generator-Evaluator para Agent Orchestration que ayuda a construir apps completas con una crítica más rigurosa, mejor iteración y menos puntos débiles. Úsala cuando necesites la skill gan-style-harness para trabajo frontend intensivo, full-stack o orientado a producción, donde la calidad de la revisión importa más que la velocidad.

La skill prototype te ayuda a crear código desechable que responda una pregunta concreta antes de comprometerte con una implementación real. Úsala para probar lógica, transiciones de estado, forma de datos o la dirección de una UI con un prototipo ejecutable que siga las convenciones del repositorio anfitrión. Es ideal cuando necesitas una guía rápida de prototipado, no una funcionalidad final.

design-taste-frontend es una skill de frontend anti-slop para landing pages, portfolios, páginas editoriales y rediseños. Ayuda a un agente a leer el brief, inferir la dirección visual adecuada y entregar interfaces que se sientan intencionales en lugar de genéricas. Es ideal para Frontend Development cuando importan el criterio de diseño, la jerarquía y la adecuación a la marca.

typeset mejora la tipografía de interfaces corrigiendo la elección de fuente, la jerarquía, el tamaño, el peso y la legibilidad para que el texto se sienta intencional. Usa el skill typeset para UI Design cuando el texto se vea genérico, inconsistente o difícil de escanear, y quieras un sistema tipográfico más claro con menos conjeturas.

shape es un skill de diseño UI/UX centrado en la planificación que ejecuta una entrevista estructurada de descubrimiento y crea un brief de diseño antes de programar. Úsalo para aclarar problemas de usuario, restricciones y dirección, y luego entregar el brief a la implementación.

quieter es una habilidad de refinamiento de diseño de UI que reduce la agresividad visual en interfaces muy ruidosas o sobreestimulantes sin perder claridad, jerarquía ni intención de marca. Funciona mejor después de la habilidad principal `$impeccable` y ayuda a los equipos a diagnosticar de dónde viene la intensidad antes de hacer cambios concretos.

distill ayuda a simplificar interfaces recargadas al eliminar ruido, jerarquías débiles y opciones redundantes para que la tarea principal quede clara. Úsalo cuando una pantalla necesite una reducción disciplinada, prioridades más claras y una pasada de simplificación enfocada.

critique te ayuda a revisar interfaces, funciones, páginas o componentes desde una perspectiva UX con puntuación estructurada, pruebas basadas en personas, revisiones heurísticas y feedback accionable. Usa la skill critique cuando necesites una guía repetible de crítica para diseño UI/UX, no comentarios vagos. Es ideal para un uso de crítica enfocado en un área concreta y con contexto claro.

Usa la skill delight para añadir un acabado visual cuidado, microinteracciones y personalidad a los estados de éxito, carga, vacío y onboarding sin perjudicar la usabilidad ni la concentración.

Clarify mejora el copy de UX confuso, los mensajes de error, las etiquetas, los pasos de onboarding y las instrucciones para que las personas usuarias puedan actuar con menos dudas. Resulta útil para documentación técnica, contenido de soporte y equipos de producto que necesitan texto de interfaz más claro. La skill empieza por el contexto, la audiencia y el estado de la persona usuaria antes de reescribir, para que el resultado sea más directo, específico y fácil de usar.

figma-create-new-file crea un nuevo archivo en blanco de Figma Design o un tablero de FigJam en borradores. Úsalo cuando necesites un punto de partida limpio antes de otras acciones en Figma, incluyendo use_figma. Admite design o figjam, nombre de archivo opcional y puede resolver el acceso al plan con whoami cuando hace falta.

Usa figma para extraer contexto de diseño, capturas, variables y recursos desde el servidor MCP de Figma, y luego traducir los nodos de Figma en decisiones de UI listas para implementar. Este skill de figma es ideal cuando tienes una URL de Figma o un ID de nodo y necesitas un uso preciso de figma para trabajo de diseño a código, configuración o diagnóstico.

shader-dev es un skill práctico de shaders GLSL para efectos visuales en tiempo real al estilo ShaderToy. Usa el skill shader-dev para crear o depurar ray marching, escenas SDF, iluminación, partículas, movimiento de fluidos, postprocesado y shader-dev para diseño de interfaces, con menos conjeturas que con un prompt genérico.

brainstorm-ideas-new es una habilidad de ideación para la fase de descubrimiento, pensada para convertir un nuevo concepto de producto en ideas concretas de funciones desde las perspectivas de PM, Diseño e Ingeniería. Úsala en el descubrimiento inicial de producto, ideas para startups y planificación estratégica cuando necesites opciones prácticas que validar antes de construir.

identify-assumptions-existing te ayuda a poner a prueba una idea de funcionalidad en un producto ya existente, sacando a la luz supuestos arriesgados en torno a Valor, Usabilidad, Viabilidad y Factibilidad. Combina perspectivas de PM, diseñador e ingeniero, además de una mirada de abogado del diablo, para la planificación estratégica y la revisión de riesgos antes de construir.

brainstorm-ideas-existing es una skill de discovery de producto para generar ideas en torno a un producto existente usando las perspectivas de PM, Diseñador e Ingeniero. Ayuda a explorar oportunidades, acotar direcciones prometedoras y priorizar conceptos para flujos de trabajo de Product Management y discovery en trío.

wwas es una skill de prompts para Requirements Planning que convierte ideas vagas en backlog items con formato Why-What-Acceptance. Usa la skill wwas para capturar el contexto de negocio, definir el cambio con claridad y redactar criterios de aceptación comprobables para trabajo listo para sprint.

Usa la skill user-stories para convertir funciones en historias listas para el backlog con los 3 C, los criterios INVEST, enlaces de diseño y criterios de aceptación verificables. Ideal para redactar historias de usuario, dividir funcionalidades en elementos del backlog y crear user-stories para planificación de requisitos con un alcance más claro y menos conjeturas.

Usa la skill job-stories para convertir ideas de funcionalidades en historias de trabajo al estilo JTBD, con la forma “When [situación], I want to [motivación], so I can [resultado].”. Ayuda a crear elementos de backlog más claros, a usar job-stories en la planificación de requisitos y a definir criterios de aceptación anclados en el contexto del usuario.

La skill de diseño ayuda a convertir solicitudes vagas de UI en resultados visuales listos para producción para páginas, componentes, paneles y pulido guiado por capturas. Úsala cuando la interfaz se vea fea, confusa, inconsistente o visualmente incorrecta, y cuando necesites diseño para UI Design en lugar de lógica de backend o pipelines de datos. Incluye guía de instalación, uso, límites y mejores decisiones estéticas.

La skill design-md analiza proyectos de Stitch y convierte sus pantallas en una fuente de verdad semántica en DESIGN.md para mantener la coherencia en layout, tono, color y lenguaje de componentes. Usa design-md para Design Systems cuando necesites una guía que puedas reutilizar en futuras generaciones con Stitch, no solo un resumen visual.

La skill sharp-edges te ayuda a encontrar APIs, configuraciones e interfaces en las que el camino fácil acaba en un uso inseguro. Úsala para revisar flujos de autenticación, envoltorios criptográficos, valores predeterminados peligrosos, la semántica de null o cero y decisiones de diseño propensas a un uso incorrecto. Encaja especialmente bien para trabajos de sharp-edges en auditorías de seguridad cuando necesitas riesgos concretos de uso erróneo, no suposiciones genéricas sobre seguridad.

lean-ux-canvas ayuda a los equipos a plantear un problema de negocio, identificar supuestos y definir qué aprender después usando Lean UX Canvas v2. Úsalo para preparar workshops, alinear a stakeholders y apoyar el discovery temprano de producto cuando necesitas una guía práctica de lean-ux-canvas antes de pasar a la solución.