メニュー
Los usuarios interactúan directamente con objetos en lugar de comandos abstractos. Use cuando diseñe editores, interfaces drag-and-drop, o sistemas de manipulación visual.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Biblioteca de componentes y patrones UI mobile-first para PWAs iOS/Android. Cubre navegación, gestos, componentes, cámara, safe areas, y patterns de Tailwind + shadcn/ui optimizados para móvil. Cumple iOS HIG y Material Design 3.
Workflow completo de desarrollo Design-First: exploración → clarificación → planificación → implementación autónoma (Ralph Loop). Incluye creación de issues GitHub de alta calidad estilo PRD.
Mantiene consistencia visual en apps iOS/PWA. Define paleta de colores, tipografía, espaciado, y componentes siguiendo un Design Token System. Evita inconsistencias de colores, fuentes y estilos. Usar cuando se detecten problemas de consistencia visual o al iniciar un nuevo proyecto.
Orquesta el flujo completo de MVP automatizado: SPEC → Historias → Tareas → Skills. Genera skills especializadas para cada tarea para que los agentes paralelos tengan conocimiento contextual específico.
Realiza entrevistas de feedback post-MVP para identificar bugs, mejoras UX, problemas de performance, seguridad y features faltantes
Principio 2 de WCAG - interfaces operables por todos. Use cuando diseñe navegación, interacciones, o cualquier componente que requiera input del usuario.
| name | direct-manipulation |
| description | Los usuarios interactúan directamente con objetos en lugar de comandos abstractos. Use cuando diseñe editores, interfaces drag-and-drop, o sistemas de manipulación visual. |
| metadata | {"author":"ux-ui-skills","version":"1.0","category":"design-principles"} |
Los usuarios interactúan directamente con objetos en pantalla, viendo el resultado inmediato de sus acciones. Es más intuitivo que ingresar comandos o navegar menús.
