Prácticas recomendadas de UI/UX para interfaces web. Útil al revisar animaciones, CSS, audio, tipografía, patrones de UX, precarga o implementaciones de iconos. Cubre 11 categorías, desde principios de animación hasta tipografía. Genera hallazgos con formato archivo:línea.
Esta habilidad proporciona una guía completa de las mejores prácticas de UI/UX para interfaces web, basada en documentación estructurada en 11 categorías clave. Está diseñada para asistentes de IA como Claude Code, Cursor y Codex, permitiendo revisiones detalladas de animaciones, CSS, audio, tipografía, patrones de experiencia de usuario (UX), técnicas de precarga y conjuntos de iconos. Al activarla, el agente analiza el código y entrega recomendaciones concretas con referencias precisas de archivo y línea, facilitando su corrección inmediata. Cubre desde principios fundamentales de animación hasta reglas avanzadas de tipografía responsiva, lo que la convierte en una herramienta esencial para mantener la calidad y consistencia visual en proyectos web modernos. Su utilidad radica en integrar criterios de diseño directamente en el flujo de desarrollo asistido por IA, evitando errores comunes y asegurando interfaces más accesibles, rápidas y atractivas.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki/tree/main/skills/userinterface-wikiPrácticas recomendadas de UI/UX para interfaces web. Útil al revisar animaciones, CSS, audio, tipografía, patrones de UX, precarga o implementaciones de iconos. Cubre 11 categorías, desde principios de animación hasta tipografía. Genera hallazgos con formato archivo:línea.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.