Crear efectos frontend de alto impacto
Los efectos avanzados de interfaz pueden fallar sin contexto de diseño y comprobaciones de rendimiento. Overdrive guía a los agentes para proponer, crear y verificar mejoras frontend pulidas.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "overdrive" from https://skillstore.io/skills/pbakaus-overdrive.md and its manifest at https://skillstore.io/api/skills/pbakaus-overdrive/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "overdrive". Usa overdrive en un cuadro de diálogo de configuración.
Resultado esperado:
Tres direcciones de interacción con ventajas y desventajas, seguidas de una implementación seleccionada de diálogo con transformación y notas de fallback para movimiento reducido.
Usando "overdrive". Usa overdrive en una tabla grande de analíticas.
Resultado esperado:
Un plan de rendimiento que cubre desplazamiento virtual, cambios de estado animados, filtrado respaldado por workers, verificación en el navegador y pruebas en dispositivos.
Usando "overdrive". Usa overdrive en el hero de un portafolio.
Resultado esperado:
Un concepto visual interactivo verificado en el navegador con comportamiento de fallback, notas de rendimiento móvil y orientación para el pulido final.
All external command findings are false positives from Markdown fences, inline code terms, and illustrative CSS or JavaScript examples in SKILL.md. The system reconnaissance finding is also a false positive; the description covers ambitious frontend implementation and does not request host enumeration or data collection. No prompt injection, exfiltration intent, or malicious behavior was found.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
https://skillstore.io/skills/pbakaus-overdrive/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-overdrive?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-overdrive?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-overdrive/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-overdrive.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). overdrive security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-overdrive/audits/4@techreport{pbakaus-pbakaus-overdrive-2026,
author = {pbakaus},
title = {overdrive security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-overdrive/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "overdrive security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-overdrive/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-overdrive:audit:4"
description: "Skillstore immutable audit report identifier"
Agregar movimiento, interacción o pulido de renderizado a una página existente mientras se preservan la usabilidad y el rendimiento.
Comparar varios enfoques ambiciosos antes de la implementación, incluyendo complejidad, compatibilidad del navegador y ajuste visual.
Usar vistas previas del navegador, comprobaciones de movimiento reducido y pruebas en dispositivos para refinar un efecto avanzado antes del lanzamiento.
Usa overdrive en la página actual. Propón 2-3 direcciones de transición, explica las ventajas y desventajas, y espera mi elección antes de programar.
Usa overdrive para TARGET=<dashboard table>. Sugiere un plan de animación eficiente para grandes volúmenes de datos, incluyendo fallbacks y comportamiento con movimiento reducido.
Usa overdrive para TARGET=<hero section>. Compara enfoques con WebGL, Canvas y CSS, luego implementa la dirección seleccionada con verificación en el navegador.
Usa overdrive para TARGET=<multi-step workflow>. Crea un plan de interacción avanzado, valida los riesgos de rendimiento, implementa de forma iterativa y verifica en escritorio y móvil.
Autor
pbakausLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
e397ce5a135369cd6def89cb6400d013e2f68f2f
Actualidad del mantenimiento
18/7/2026
Uso
11 descargas · 113 vistas
Estructura de archivos
📄 SKILL.md
Planificar la UX antes de construir
Los equipos a menudo construyen interfaces antes de aclarar los objetivos, estados y restricciones del usuario. Esta skill guía el descubrimiento y produce un brief de diseño para la implementación.
Capturar el contexto de diseño del proyecto
El trabajo de diseño con IA suele perder el contexto del proyecto entre sesiones. Esta skill recopila evidencia y guarda orientación reutilizable para Claude, Codex y Claude Code.
Añadir encanto a las interfaces de usuario
Las interfaces funcionales pueden sentirse planas, olvidables o frustrantes en momentos clave. Esta skill ayuda a Claude, Codex y Claude Code a añadir un pulido adecuado mediante patrones de texto, animación, feedback y celebración.
Diseña mejores experiencias de onboarding
Los usuarios nuevos suelen abandonar cuando un producto no explica su valor rápidamente. Esta skill ayuda a diseñar onboarding, estados vacíos y ayuda guiada que llevan a los usuarios a su primer éxito.
Simplificar diseños de interfaces
Las interfaces complejas ralentizan las decisiones y ocultan el objetivo principal del usuario. Esta skill guía a Claude, Codex y Claude Code para eliminar el desorden, aclarar la jerarquía y conservar la funcionalidad necesaria.
Mejorar el diseño de la interfaz y el ritmo visual
Las interfaces saturadas y las cuadrículas repetitivas hacen que los productos sean más difíciles de escanear y de confiar. Esta skill guía a Claude, Codex y Claude Code hacia un mejor espaciado, jerarquía y composición responsive.
Diseñar interfaces frontend distintivas
por Atman36
Las interfaces genéricas generadas suelen verse predecibles y débiles. Esta skill guía a Claude, Codex y Claude Code hacia un diseño frontend distintivo y listo para producción.
Diseñar prototipos de UI distintivos
por tencentcloudbase
Las interfaces de IA genéricas a menudo carecen de dirección visual y de detalles adaptados a la plataforma. Esta habilidad guía a Claude, Codex y Claude Code para definir la intención de diseño antes de crear prototipos.
Implementar transiciones de vista en React
por vercel-labs
Las transiciones de vista en React son fáciles de colocar incorrectamente, lo que provoca animaciones silenciosas o ruidosas. Esta skill guía las decisiones de animación de rutas, Suspense, listas y elementos compartidos.
Desarrolla funcionalidades frontend listas para producción
por davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.
Optimizar el rendimiento de React y Next.js
por vercel-labs
Las apps de React y Next.js a menudo pierden velocidad por waterfalls, bundles grandes y re-renderizados evitables. Esta skill ofrece a los agentes reglas concretas para realizar cambios más seguros centrados en el rendimiento.
Revisar código para seguridad y calidad
por AutumnsGrove
Las revisiones manuales de código pueden pasar por alto problemas de seguridad, rendimiento y pruebas. Esta skill ofrece a Claude, Codex y Claude Code un flujo de trabajo de revisión estructurado con listas de comprobación y orientación para escaneos auxiliares.