modern-javascript-patterns
Permite ao agente usar recursos modernos do JavaScript para escrever código limpo e eficiente. Ele aplica padrões como async/await e programação funcional.
O que ela faz
Este guia ensina como usar as versões mais recentes do JavaScript (chamadas ES6+) para escrever código mais limpo, rápido e fácil de entender. Ele cobre recursos como 'async/await' e 'destructuring'.
Quando usar
- ✓Quando você tem um código antigo em JavaScript e quer atualizá-lo.
- ✓Ao querer escrever um código mais organizado e fácil de ler.
- ✓Se você precisa lidar com operações que levam tempo, como buscar dados na internet.
Exemplo do que pedir para a IA
“Como posso atualizar este código JavaScript antigo para usar recursos modernos?”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A IA usa as melhores práticas e exemplos do guia para mostrar como reescrever seu código. Ela foca em usar as novas funcionalidades do JavaScript para torná-lo mais eficiente e legível.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add wshobson/agents --skill modern-javascript-patternsOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/javascript-typescript/skills/modern-javascript-patterns/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Padrões Modernos de JavaScript
Guia completo para dominar recursos modernos de JavaScript (ES6+), padrões de programação funcional e as melhores práticas para escrever código limpo, de fácil manutenção e com bom desempenho.
Quando Usar Esta Habilidade
- Refatorar JavaScript legado para sintaxe moderna
- Implementar padrões de programação funcional
- Otimizar o desempenho do JavaScript
- Escrever código de fácil manutenção e leitura
- Trabalhar com operações assíncronas
- Construir aplicações web modernas
- Migrar de callbacks para Promises/async-await
- Implementar pipelines de transformação de dados
Padrões Detalhados e Exemplos Práticos
A documentação detalhada dos padrões está em references/details.md. Leia este arquivo quando o nível de navegação acima for insuficiente.
Melhores Práticas
- Use
constpor padrão: Useletapenas quando a reatribuição for necessária - Prefira funções de seta (arrow functions): Especialmente para callbacks
- Use template literals: Em vez de concatenação de strings
- Desestruture objetos e arrays: Para um código mais limpo
- Use
async/await: Em vez de cadeias de Promises - Evite mutar dados: Use o operador spread e métodos de array
- Use optional chaining (
?.): Evite "Cannot read property of undefined" - Use nullish coalescing (
??): Para valores padrão - Prefira métodos de array: Em vez de loops tradicionais
- Use módulos: Para melhor organização do código
- Escreva funções puras: Mais fáceis de testar e entender
- Use nomes de variáveis significativos: Código autoexplicativo
- Mantenha funções pequenas: Princípio da responsabilidade única
- Trate erros adequadamente: Use
try/catchcomasync/await - Use strict mode:
'use strict'para melhor detecção de erros
Para armadilhas comuns (this binding, anti-padrões de Promise, vazamentos de memória), veja references/advanced-patterns.md.
Perguntas frequentes
O que são 'ES6+'?
São as versões mais recentes da linguagem JavaScript, que trouxeram muitas melhorias e novas funcionalidades para facilitar a vida dos programadores.
O que é 'async/await'?
É uma forma mais simples de lidar com tarefas que demoram, como baixar informações da internet, sem que o resto do programa pare de funcionar.
O que significa 'refatorar código'?
Refatorar é reescrever o código existente para melhorá-lo, sem mudar o que ele faz. É como organizar e limpar a casa sem mudar os móveis de lugar.
Detalhes
Descrição original do autor
Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.
repo: wshobson/agents
Popularidade
- Estrelas no GitHub
- 41 mil
- Posição no ranking
- #4880
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
screen-reader-testing
Faz seu agente testar sites usando leitores de tela para garantir que sejam acessíveis.
wshobson/agents
wcag-audit-patterns
Ajuda seu agente a auditar sites para acessibilidade e corrigir problemas de acordo com as diretrizes WCAG.
wshobson/agents
multi-reviewer-patterns
Faz seu agente coordenar revisões de código paralelas, deduplicando achados e consolidando relatórios.
wshobson/agents
parallel-debugging
Permite ao agente depurar problemas complexos com investigações paralelas e análise de causa raiz.
wshobson/agents
Skills parecidas
benchmark-optimization-loop
Faz seu agente melhorar a velocidade de algo de forma medida. Ele testa várias versões e escolhe a mais rápida que ainda funciona corretamente.
affaan-m/ECC
change-impact
Ajuda seu agente a analisar o impacto de mudanças no código antes de fazê-las. Ele compara o planejado com o real depois, cobrindo caminhos, dados, testes e documentação. É útil para mudanças arriscadas ou que afetam várias partes do sistema.
affaan-m/ECC
click-path-audit
Faz seu agente rastrear todos os botões e interações do usuário para achar bugs. Ele encontra problemas onde funções parecem funcionar sozinhas, mas falham juntas. Útil quando bugs persistem mesmo após depuração.
affaan-m/ECC