Web

videodb te ayuda a ingerir video y audio desde archivos locales, URLs, transmisiones en vivo RTSP/RTMP o captura de escritorio; a buscar momentos con marcas de tiempo y evidencia reproducible; y a actuar con clips, superposiciones, transcripción, alertas y edición en línea de tiempo. Es una guía práctica de videodb para VideoDB for Video Editing y análisis de transmisiones en directo.

ui-demo te ayuda a grabar vídeos de demostración de aplicaciones web con un acabado profesional usando Playwright, movimiento visible del cursor y un ritmo natural. Usa la skill ui-demo para recorridos guiados, clips de onboarding, demos de funcionalidades y grabaciones estilo tutorial. Sigue el flujo descubrir, ensayar y luego grabar para obtener resultados fiables, especialmente en prototipos e interfaces que cambian rápido.

El skill seo ayuda a auditar, planificar e implementar SEO técnico, optimización on-page, datos estructurados, Core Web Vitals y mapeo de palabras clave. Úsalo para mejorar la rastreabilidad, la indexabilidad, los metadatos, el schema, el enlazado interno y los cambios en sitemap y robots, o para SEO en Keyword Research, con orientación específica por página y lista para implementar.

search-first es un flujo de trabajo de investigación antes de codificar para encontrar herramientas, bibliotecas y patrones existentes antes de escribir código personalizado. Usa la skill search-first para evaluar opciones, comparar ventajas e inconvenientes y decidir si conviene adoptar, ampliar o crear a medida con menos suposiciones.

perl-security te ayuda a revisar código Perl para detectar problemas de manejo seguro de entradas, taint mode, ejecución de shell, marcadores de posición de DBI y riesgos de seguridad web como XSS, SQLi y CSRF. Usa esta skill de perl-security para tareas de auditoría de seguridad, planificación de remediación y desarrollo seguro cuando datos controlados por el usuario llegan a sinks sensibles.

La skill nextjs-turbopack te ayuda a usar Turbopack en Next.js 16+ para acelerar el desarrollo local, mejorar el HMR y tomar decisiones sobre el bundler. Úsala como una guía práctica de nextjs-turbopack para instalarlo, usarlo y decidir cuándo volver a webpack en flujos de Frontend Development.

Usa frontend-design para crear interfaces frontend distintivas y listas para producción, con una postura visual clara. Este skill de frontend-design está pensado para landing pages, paneles, shells de aplicación y componentes donde la jerarquía, la tipografía, el movimiento y el acabado importan tanto como la implementación. Incluye orientación de instalación y uso para un trabajo de UI guiado por el diseño.

exa-search es una skill de Exa MCP para investigación actual con respaldo en la web, ejemplos de código, información sobre empresas, búsqueda de personas y descubrimiento rápido de fuentes. Úsala cuando la frescura y las evidencias importen, y cuando necesites una guía práctica de exa-search para búsquedas en vivo, respuestas basadas en herramientas y flujos de trabajo de investigación web.

La skill deep-research convierte preguntas amplias en investigación web respaldada por fuentes con las herramientas MCP de firecrawl y exa. Úsala para comparar fuentes, sintetizar hallazgos y producir informes citados para análisis competitivos, evaluación de tecnología, due diligence y otras decisiones que requieren evidencia.

canary-watch es una skill de monitorización postdeploy para comprobar una URL en producción y detectar regresiones después de releases, merges o actualizaciones de dependencias, tanto en staging como en producción.

La skill accessibility te ayuda a diseñar, implementar y auditar interfaces accesibles con guía de WCAG 2.2 nivel AA para Web, iOS y Android. Úsala para definir roles de componentes, etiquetas, estados, comportamiento del foco y accessibility traits, con orientación práctica para auditorías UX y revisiones de implementación.

qa-only es una habilidad de QA solo con informe para probar aplicaciones web, documentar errores y capturar evidencias sin aplicar correcciones. Está pensada para revisores de QA y agentes que necesitan un informe de bug estructurado, puntuación de estado, capturas de pantalla y pasos de reproducción. Usa qa-only cuando quieras un flujo de trabajo de reporte de errores en lugar de probar, corregir y verificar.

design-consultation es una skill de design-consultation para convertir una idea de producto en bruto en una dirección de diseño completa. Crea una fuente única de verdad en DESIGN.md, vistas previas y guía a nivel de sistema para tipografía, color, espaciado, layout y motion. Es ideal para productos nuevos y superficies de interfaz que necesitan un punto de partida coherente.

La skill source-driven-development basa la implementación específica de frameworks en la documentación oficial, para que puedas verificar patrones antes de aplicarlos. Es especialmente útil para usar source-driven-development en React, Vue, Next.js, Svelte, Angular y stacks similares cuando importan la corrección, la trazabilidad de la fuente y las decisiones sensibles a la versión.

La skill performance-optimization te ayuda a medir primero, encontrar el cuello de botella real, corregirlo y verificar los resultados. Úsala cuando existan requisitos de rendimiento, sospeches una regresión o necesites mejorar Core Web Vitals, tiempos de carga o la latencia de interacción.

La skill de aspnet-core te ayuda a crear, revisar, refactorizar y actualizar aplicaciones de ASP.NET Core siguiendo las guías actuales del framework. Está pensada para desarrollo backend, APIs, aplicaciones renderizadas en servidor, Blazor, SignalR, gRPC y servicios hospedados, con orientación centrada en la decisión para elegir el modelo de aplicación, configurar Program.cs, DI, configuración, seguridad, pruebas y despliegue.

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.

Usa transformers-js para ejecutar modelos de ML en JavaScript y TypeScript en entornos de navegador y servidor. La skill de transformers-js cubre la instalación, la carga de modelos, el almacenamiento en caché, la configuración y el uso práctico de transformers-js para tareas de texto, visión, audio y multimodales, además de transformers-js para generación de código con modelos de text-generation compatibles.

huggingface-gradio te ayuda a crear y editar interfaces web de Gradio en Python para demos, chatbots y flujos de trabajo de desarrollo frontend. Usa el skill huggingface-gradio para elegir componentes, conectar eventos y definir layouts con menos incertidumbre.

seo-drift es una skill de GitHub para seguir a lo largo del tiempo elementos clave de una página para SEO, comparar líneas base y detectar regresiones después de despliegues, cambios en el CMS o modificaciones de plantillas. Usa la skill seo-drift para contenido SEO, comprobaciones técnicas on-page y uso práctico de seo-drift cuando necesites una respuesta clara sobre si algo se rompió.

seo-cluster es una skill de clustering de palabras clave por solapamiento en SERP para la planificación de contenido SEO. Agrupa palabras clave según los rankings reales de Google para crear páginas pilar, clústeres hub-and-spoke y mapas de enlaces internos. Usa esta skill seo-cluster cuando necesites una guía práctica de seo-cluster para arquitectura temática, no una simple lluvia de ideas de keywords.

La skill read obtiene URLs y PDFs como Markdown limpio para leer, citar, referenciar y reutilizar en trabajos posteriores. Está pensada para uso de lectura en páginas de pago, sitios con mucho JS, X/Twitter, archivos de GitHub, plataformas chinas y flujos de automatización que necesitan texto fuente fiable antes del análisis. Usa la guía de read cuando quieras capturar la fuente, no comentarios.

La skill enhance-prompt convierte ideas vagas de interfaz en prompts más claros y listos para Stitch, con una estructura más sólida, vocabulario de UI/UX y contexto de design system. Usa esta guía de enhance-prompt para afinar la especificidad de tus prompts, reducir las suposiciones y obtener resultados más consistentes al escribir prompts y generar interfaces.

guizang-ppt-skill es una skill de presentaciones para crear diapositivas en un único archivo HTML con estilo de revista editorial y tinta electrónica. Te ayuda a construir decks horizontales de deslizamiento para lanzamientos, charlas y demos, con tipografía potente, fondos WebGL y diseños reutilizables. Usa la guía de guizang-ppt-skill para generar decks más rápido y de forma repetible.