Skills Agentes

Modern Javascript Patterns

Domina funciones ES6+ como async/await, destructuring, spread, arrow functions, promesas, módulos, iteradores y patrones funcionales para JavaScript limpio y eficiente. Úsalo al refactorizar código legacy o implementar patrones modernos.

Estrellas
39.8k

en todo el repo

Actividad
43

0–100, la ruta de este skill

Actualizado
hace 4 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
547 tok

80 tok en reposo

Paquete
3 archivos

22 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add wshobson/agents --skill modern-javascript-patterns --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Aplica patrones ES6+ como async/await, destructuring, spread, arrow functions, promesas, módulos, iteradores y generadores
  • Refactoriza código legacy hacia sintaxis moderna
  • Aplica buenas prácticas: const por defecto, template literals, optional chaining, nullish coalescing
  • Detecta anti-patrones comunes (this, promesas, memory leaks) usando referencias detalladas

Úsalo cuando

  • Refactorizar JavaScript legacy a sintaxis moderna
  • Implementar patrones de programación funcional
  • Migrar de callbacks a Promises/async-await
  • Optimizar rendimiento o construir aplicaciones web modernas

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • “Refactoriza este código JavaScript a ES6+”
    • “Convierte estos callbacks a async/await”
    • “Ayúdame a aplicar patrones funcionales en este módulo”

    SKILL.md

    En inglés

    Modern JavaScript Patterns

    Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code.

    When to Use This Skill

    • Refactoring legacy JavaScript to modern syntax
    • Implementing functional programming patterns
    • Optimizing JavaScript performance
    • Writing maintainable and readable code
    • Working with asynchronous operations
    • Building modern web applications
    • Migrating from callbacks to Promises/async-await
    • Implementing data transformation pipelines

    Detailed patterns and worked examples

    Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.

    Best Practices

    1. Use const by default: Only use let when reassignment is needed
    2. Prefer arrow functions: Especially for callbacks
    3. Use template literals: Instead of string concatenation
    4. Destructure objects and arrays: For cleaner code
    5. Use async/await: Instead of Promise chains
    6. Avoid mutating data: Use spread operator and array methods
    7. Use optional chaining: Prevent "Cannot read property of undefined"
    8. Use nullish coalescing: For default values
    9. Prefer array methods: Over traditional loops
    10. Use modules: For better code organization
    11. Write pure functions: Easier to test and reason about
    12. Use meaningful variable names: Self-documenting code
    13. Keep functions small: Single responsibility principle
    14. Handle errors properly: Use try/catch with async/await
    15. Use strict mode: 'use strict' for better error catching

    For common pitfalls (this binding, promise anti-patterns, memory leaks), see references/advanced-patterns.md.

    Reproducido de wshobson/agents bajo licencia MIT. Leer esta página en markdown.

    Archivos

    3 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Detalles

    Creador
    wshobson
    Licencia
    MIT
    Recursos incluidos
    referencias
    Repositorio
    wshobson/agents
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de wshobson/agents

    Este repo incluye 183 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack agents entero y su comando de instalación

    Instala y opera Hermes Tweet, un plugin de Hermes Agent para investigar X/Twitter, leer timelines, analizar tweets y ejecutar operaciones privadas o de cambio de estado con aprobación previa.

    Costo de contexto al activarse
    1.4k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    redes sociales

    Úsalo para mantener un almacén Markdown de conocimiento donde cada afirmación compilada se rastrea hasta una fuente inmutable y el drift se detecta con git diff sin gastar tokens.

    Costo de contexto al activarse
    1.4k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 24 días
    documentos

    Úsalo al diseñar o revisar un esquema específico de PostgreSQL: buenas prácticas, tipos de datos, indexación, restricciones, patrones de rendimiento y funciones avanzadas.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 24 días
    bases de datos

    Úsalo cuando un proyecto guarda su estado en Superself: lee `self context` al iniciar sesión, vincula el trabajo a una work unit, reporta con evidencia y registra decisiones confirmadas.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 24 días
    productividad

    Úsalo cuando pidan optimizar un prompt, mejorar su rendimiento, diseñar una plantilla, aplicar chain-of-thought, few-shot prompting o técnicas avanzadas de prompt engineering para producción.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    10 archivos
    Última actualización
    el mes pasado
    herramientas desarrollo

    Audita y reescribe prosa para que deje de sonar generada por máquina. Incluye modo solo-detección, modo reescritura y modo edición en el lugar, con perfiles opcionales de voz y contexto.”

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    4 archivos
    Última actualización
    el mes pasado
    redaccion contenido

    Skills relacionados

    Migra de AngularJS a Angular usando modo híbrido, reescritura incremental de componentes y actualización de la inyección de dependencias.

    Costo de contexto al activarse
    1.8k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 4 meses
    herramientas desarrollo

    Implementa patrones de arquitectura backend probados: Clean Architecture, Hexagonal Architecture y Domain-Driven Design, para construir sistemas mantenibles, testeables y escalables.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    hace 4 meses
    herramientas desarrollo

    Domina asyncio, programación concurrente y patrones async/await para apps de alto rendimiento con operaciones no bloqueantes.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 4 meses
    herramientas desarrollo