跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Modern Javascript Patterns

技能 已验证 活跃

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.

目的

To equip developers with the knowledge and practical examples needed to master modern JavaScript features and functional programming patterns for writing clean, efficient, and maintainable code.

功能

  • Master ES6+ features (arrow functions, destructuring, spread/rest)
  • Understand asynchronous patterns (Promises, async/await)
  • Implement functional programming concepts (immutability, composition)
  • Utilize modern operators (optional chaining, nullish coalescing)
  • Learn about modules, iterators, and generators

使用场景

  • Refactoring legacy JavaScript code to modern syntax
  • Implementing functional programming patterns for cleaner code
  • Optimizing JavaScript applications for performance
  • Learning and applying asynchronous operations effectively

非目标

  • Providing a JavaScript interpreter or runtime
  • Automating the refactoring process
  • Covering JavaScript framework-specific patterns (e.g., React, Vue)

Practical Utility

  • info:Edge casesThe SKILL.md covers common pitfalls and advanced patterns, but a dedicated section for explicit failure modes with symptoms and recovery steps is missing.

安装

请先添加 Marketplace

/plugin marketplace add wshobson/agents
/plugin install javascript-typescript@claude-code-workflows

质量评分

已验证
95 /100
13 days ago 分析

信任信号

最近提交15 days ago
星标35.3k
许可证MIT
状态
查看源代码

类似扩展

Typescript Advanced Types

100

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

技能
wshobson

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

技能
Yeachan-Heo

Cleanup Cycles

100

Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".

技能
raintree-technology

Netlify Identity

100

用于身份验证、用户注册、登录、密码恢复、OAuth 提供商、基于角色的访问控制或保护路由和函数。始终使用 `@netlify/identity`。切勿使用 `netlify-identity-widget` 或 `gotrue-js` — 它们已弃用。

技能
netlify

Vue Router Best Practices

100

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

技能
hyf0

Sentry React Router Framework Sdk

100

Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.

技能
getsentry