Esta Skill codifica, en formato conciso tipo lista de verificación, una colección de antipatrones de frontend que deben evitarse en diseño visual, UX, impl…
Esta Skill codifica, en formato conciso tipo lista de verificación, una colección de antipatrones de frontend que deben evitarse en diseño visual, UX, implementación técnica, móvil y conductas de patrón oscuro. Enumera prácticas prohibidas —por ejemplo, degradados púrpura/azul sobre fondo blanco; usar Inter/Roboto/Arial como tipografías de display; radios de borde inconsistentes; más de tres pesos de fuente; confirmshaming, opciones preseleccionadas que favorecen a la empresa, desplazamiento infinito sin paginación, botones de envío deshabilitados antes de la intención del usuario, y usar el placeholder como etiqueta; antipatrones CSS como outline:none sin reemplazo accesible, en lugar de, clases Tailwind generadas en tiempo de ejecución, y animar propiedades de layout; problemas móviles como objetivos táctiles menores de 44×44px, texto de cuerpo menor a 16px, contenido con desplazamiento horizontal y falta de feedback al tocar; y patrones oscuros como urgencia falsa y consentimientos pre-marcados. Utiliza esto en revisiones de diseño/código, creación de guías de estilo, QA y auditorías de accesibilidad para mejorar consistencia, usabilidad, rendimiento y cumplimiento.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.