overdrive

Resumen

¿Qué es overdrive?

La skill overdrive está diseñada para desarrolladores frontend que quieren llevar las interfaces web mucho más allá de lo común. Aprovecha capacidades avanzadas del navegador —como shaders, física de resortes, revelados controlados por scroll y animaciones a 60fps— para crear experiencias de usuario cinematográficas, interactivas y técnicamente ambiciosas. Si tu objetivo es impresionar a los usuarios con efectos frontend extraordinarios o manejar desafíos complejos de UI (como renderizar tablas de datos masivas o diálogos que se transforman), overdrive ofrece el flujo de trabajo y la guía para lograrlo.

¿Quién debería usar overdrive?

• Ingenieros frontend que buscan interfaces visualmente impactantes
• Desarrolladores JavaScript interesados en implementar patrones avanzados de UI/UX
• Equipos que construyen portafolios creativos, demostraciones de producto o cualquier proyecto donde "extraordinario" sea la meta
• Cualquier persona que necesite ir más allá de las librerías UI estándar y entregar algo realmente memorable

Problemas que resuelve overdrive

• Crear interfaces que se sientan cinematográficas e interactivas
• Implementar animaciones y transiciones de alto rendimiento
• Manejar estados complejos de UI con retroalimentación en tiempo real
• Evitar anti-patrones comunes al construir características frontend ambiciosas

Cómo usar

Pasos de instalación

1. Instala la skill overdrive con el siguiente comando:

   npx skills add https://github.com/pbakaus/impeccable --skill overdrive

2. Comienza con el archivo SKILL.md para una visión guiada sobre la filosofía y requisitos de la skill.

3. Revisa archivos complementarios como README.md, AGENTS.md, metadata.json y cualquier carpeta rules/, resources/, references/ o scripts/ para contexto adicional y detalles de implementación.

Lista de verificación previa

• Ejecuta /frontend-design primero: overdrive depende de un contexto sólido de diseño. Usa el Protocolo de Recolección de Contexto para clarificar los objetivos del proyecto y evitar efectos mal aplicados.
• Propón antes de construir: Piensa en 2-3 enfoques diferentes antes de empezar la implementación. Esto asegura que tu solución encaje con la personalidad del proyecto y evita complejidad innecesaria.
• Itera con automatización en navegador: Prueba funciones ambiciosas en navegadores reales desde temprano y con frecuencia para mantener rendimiento y pulido.

Adaptación a tu proyecto

• No copies el flujo de trabajo al pie de la letra. Adapta las guías y patrones a tu propio repositorio, herramientas y limitaciones para obtener los mejores resultados.

Archivos clave para revisar

• SKILL.md (empieza aquí)
• README.md (para contexto más amplio)
• AGENTS.md, metadata.json y cualquier regla o script para detalles de implementación

Preguntas frecuentes

¿Cuándo debería usar overdrive?

Usa overdrive cuando tu proyecto requiera experiencias frontend extraordinarias —como portafolios creativos, demos de producto o cualquier interfaz donde la ambición técnica y el impacto al usuario sean prioritarios. Evita usarlo en paneles administrativos estándar o donde la simplicidad sea más adecuada.

¿Qué diferencia a overdrive de otras skills frontend?

Overdrive no se trata solo de efectos visuales; es usar todo el poder del navegador para crear interfaces que se sientan realmente especiales. Enfatiza el diseño basado en contexto, el rendimiento y la excelencia técnica.

¿Cómo evito abusar de los efectos con overdrive?

Siempre comienza reuniendo contexto de diseño y proponiendo múltiples soluciones. Lo que se siente extraordinario en un contexto puede ser distractor en otro. Usa los pasos de preparación de overdrive para asegurar que tu implementación encaje con los objetivos del proyecto.

¿Dónde puedo encontrar más detalles?

Abre la pestaña de Archivos en el repositorio para explorar el árbol completo, incluyendo referencias anidadas y scripts auxiliares. Comienza con SKILL.md para la guía más relevante.