performance-profiler
Analizar el rendimiento del código y encontrar oportunidades de optimización
Também disponível em: CrazyDubya
El código lento desperdicia recursos computacionales y frustra a los usuarios. Esta habilidad identifica algoritmos ineficientes, fugas de memoria y consultas N+1, luego proporciona correcciones específicas con ganancias de rendimiento esperadas.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "performance-profiler". Analizar esta función de búsqueda de JavaScript para rendimiento
Resultado esperado:
- Complejidad O(n²) encontrada por bucles anidados
- Estimación de rendimiento actual: 850ms para 1000 elementos
- Recomendación: Usar Map para búsquedas O(1)
- Mejora esperada: 99% más rápido, ~8ms para 1000 elementos
A utilizar "performance-profiler". Revisar este componente de React para problemas de re-renderizado
Resultado esperado:
- El componente se re-renderiza en cada cambio de estado del padre
- Falta wrapper de React.memo
- Cálculo costoso se ejecuta en cada renderizado
- Recomendación: Agregar useMemo para expensiveCalculation, envolver con React.memo
A utilizar "performance-profiler". Revisar mi bundle para dependencias grandes
Resultado esperado:
- lodash: 71KB gzipped - importar solo las funciones necesarias
- moment: 68KB gzipped - reemplazar con date-fns o day.js
- Ahorro potencial total: 120KB
Auditoria de Segurança
SeguroThis is a pure prompt-based skill containing only markdown documentation with code examples. All flagged patterns are documentation snippets showing performance anti-patterns and fixes, not executable code. No actual security risks exist.
Fatores de risco
🌐 Acesso à rede (1)
⚙️ Comandos externos (16)
📁 Acesso ao sistema de arquivos (2)
Pontuação de qualidade
O Que Você Pode Construir
Corregir componentes lentos de React
Identificar re-renderizados innecesarios y aplicar estrategias de memoización para mejorar el rendimiento de React.
Optimizar consultas de base de datos
Detectar problemas de consultas N+1 y sugerir carga eager o estrategias de join para reducir llamadas a la base de datos.
Reducir el tamaño del bundle de JavaScript
Encontrar dependencias grandes como lodash o moment y sugerir alternativas más ligeras o tree shaking.
Tente Estes Prompts
Analizar este código para encontrar problemas de rendimiento y sugerir mejoras.
Revisar los algoritmos en este código. Encontrar cualquier patrón O(n²) o peor y sugerir alternativas O(n).
Analizar este componente de React para encontrar re-renderizados innecesarios, memoización faltante y fugas de memoria.
Proporcionar un análisis completo del rendimiento incluyendo eficiencia algorítmica, uso de memoria, impacto de bundle, y optimizaciones específicas con ejemplos de código.
Melhores Práticas
- Perfilar el código antes de optimizar para identificar cuellos de botella reales
- Enfocarse en áreas de alto impacto primero en lugar de micro-optimizaciones
- Medir las mejoras de rendimiento después de implementar cambios
Evitar
- Optimizar código sin medir el impacto real de rendimiento
- Importar bibliotecas completas cuando solo se necesitan funciones específicas
- Ignorar fugas de memoria de escuchadores de eventos o temporizadores no limpiados
Perguntas Frequentes
¿Qué lenguajes de programación soporta esta habilidad?
¿Puede esta habilidad medir el rendimiento real en tiempo de ejecución?
¿Esta habilidad se integra con herramientas de construcción como webpack?
¿Es seguro mi código con esta habilidad?
¿Cómo es esto diferente de Chrome DevTools o Lighthouse?
¿Qué tipos de problemas de rendimiento puede encontrar esta habilidad?
Detalhes do Desenvolvedor
Estrutura de arquivos
📄 SKILL.md