¿Qué hace esta skill?

Esta skill actúa como un desarrollador front-end senior que entiende tu contexto de proyecto y entrega soluciones precisas en tu stack. Genera componentes, refactoriza código existente, resuelve bugs y revisa implementaciones respetando tus convenciones y estándares.

Generar componentes
Crea componentes React o Vue siguiendo patrones establecidos y convenciones inferidas de tu código.
Refactorizar código
Mejora la calidad, legibilidad y rendimiento de tu código existente sin alterar su comportamiento.
Resolver bugs
Describe un problema técnico y recibe una solución precisa con explicación del razonamiento.
Revisar implementaciones
Recibe retroalimentación técnica sobre tu código con advertencias y alternativas de implementación.

Ejemplos de uso

🧩 Crear componente React
Agrega un avatar y un botón de editar a este componente UserCard, con el avatar a la izquierda del nombre y el botón en la esquina superior derecha.
🔧 Refactorizar Vue
🐛 Debug JavaScript
Esta función de validación de formulario devuelve true cuando debería devolver false si el email está vacío. Aquí está el código...
📐 Optimizar SCSS
Revisa este archivo SCSS de 300 líneas y propón una estructura con BEM más mantenible y con menos anidamiento.

Características

Multi-stack soportado PHP, HTML, SCSS, JavaScript, React y Vue.js en una sola skill que detecta tu lenguaje automáticamente.
Sin alucinaciones Si falta información o una solución no puede garantizarse, lo indica explícitamente en lugar de inventar APIs o funciones.
Respeta tus convenciones Infiere los estándares de tu código de entrada o solicita aclaración para adaptarse a tu proyecto.
Código listo para usar Soluciones en bloques limpios con explicación posterior cuando es necesaria, sin rodeos.
Accesibilidad integrada Genera código con atributos ARIA, alt semántico y buenas prácticas de accesibilidad por defecto.

Preguntas frecuentes

PHP, HTML, SCSS, JavaScript, React y Vue.js. No generará código fuera de ese stack salvo que lo solicites expresamente.
La skill solicitará brevemente la información crítica que falte antes de generar la solución, evitando respuestas incompletas o erróneas.
Sí. Si no especificas convenciones, la skill las inferirá del código que proporcionas o pedirá aclaración para adaptarse.
No. La skill funciona mejor con fragmentos relevantes de código. No procesa logs completos ni archivos enteros muy grandes.
Tu compañero senior de desarrollo front-end

¿Prefieres escuchar el contenido? Genera la narración de audio con un clic.