์Šคํ‚ฌ javascript-pro
๐Ÿ“ฆ

javascript-pro

์•ˆ์ „

Master Modern JavaScript Development

Struggle with async patterns or modern JS syntax? This skill provides expert guidance on ES6+, promises, async/await, event loops, and cross-runtime compatibility for Node.js and browser development.

์ง€์›: Claude Codex Code(CC)
๐Ÿฅ‰ 75 ๋ธŒ๋ก ์ฆˆ
1

์Šคํ‚ฌ ZIP ๋‹ค์šด๋กœ๋“œ

2

Claude์—์„œ ์—…๋กœ๋“œ

์„ค์ • โ†’ ๊ธฐ๋Šฅ โ†’ ์Šคํ‚ฌ โ†’ ์Šคํ‚ฌ ์—…๋กœ๋“œ๋กœ ์ด๋™

3

ํ† ๊ธ€์„ ์ผœ๊ณ  ์‚ฌ์šฉ ์‹œ์ž‘

ํ…Œ์ŠคํŠธํ•ด ๋ณด๊ธฐ

"javascript-pro" ์‚ฌ์šฉ ์ค‘์ž…๋‹ˆ๋‹ค. Convert this callback-based code to async/await

์˜ˆ์ƒ ๊ฒฐ๊ณผ:

Refactored code using async/await with proper error handling and cleaner function structure

"javascript-pro" ์‚ฌ์šฉ ์ค‘์ž…๋‹ˆ๋‹ค. Why is my promise hanging?

์˜ˆ์ƒ ๊ฒฐ๊ณผ:

Analysis identifying missing await, unhandled rejection, or event loop blocking with specific fix recommendations

"javascript-pro" ์‚ฌ์šฉ ์ค‘์ž…๋‹ˆ๋‹ค. Make this ES6 code work in older browsers

์˜ˆ์ƒ ๊ฒฐ๊ณผ:

Polyfill recommendations and babel configuration for target browser support

๋ณด์•ˆ ๊ฐ์‚ฌ

์•ˆ์ „
v1 โ€ข 2/25/2026

Prompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 security issues. No suspicious patterns, risk factors, or malicious intent found. The skill provides legitimate JavaScript development guidance with no security concerns.

0
์Šค์บ”๋œ ํŒŒ์ผ
0
๋ถ„์„๋œ ์ค„ ์ˆ˜
0
๋ฐœ๊ฒฌ ์‚ฌํ•ญ
1
์ด ๊ฐ์‚ฌ ์ˆ˜
๋ณด์•ˆ ๋ฌธ์ œ๋ฅผ ์ฐพ์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค
๊ฐ์‚ฌ์ž: claude

ํ’ˆ์งˆ ์ ์ˆ˜

38
์•„ํ‚คํ…์ฒ˜
100
์œ ์ง€๋ณด์ˆ˜์„ฑ
87
์ฝ˜ํ…์ธ 
50
์ปค๋ฎค๋‹ˆํ‹ฐ
100
๋ณด์•ˆ
100
์‚ฌ์–‘ ์ค€์ˆ˜

๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ฒƒ

Modern JavaScript Migration

A developer needs to migrate legacy JavaScript code to modern ES6+ standards with improved patterns and better error handling.

Async Debugging

A engineer faces race conditions or promise rejection issues in their Node.js application and needs expert debugging strategies.

Cross-Platform Compatibility

A team building browser applications needs guidance on polyfills, bundle optimization, and cross-browser compatibility.

์ด ํ”„๋กฌํ”„ํŠธ๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š”

Convert to Modern JavaScript 
Convert this legacy JavaScript code to modern ES6+ syntax. Use destructuring, arrow functions, and const/let appropriately.
Fix Async Issue 
Help debug this async code. It has a race condition where the promise resolves before the event handler completes.
Optimize Performance 
Profile this JavaScript code for performance bottlenecks. Focus on event loop blocking and memory usage in Node.js.
Cross-Browser Strategy 
Design a polyfill strategy for this ES6+ code. Target browsers: Chrome 90+, Safari 14+, Firefox 88+.

๋ชจ๋ฒ” ์‚ฌ๋ก€

  • Always use async/await instead of promise chains for better readability and error handling
  • Handle errors at appropriate boundaries with try/catch blocks rather than per-operation
  • Consider bundle size impact when using modern features in browser environments

ํ”ผํ•˜๊ธฐ

  • Avoid mixing callbacks with promises in the same code path as it creates error handling complexity
  • Do not use Promise.all() when operations must complete sequentially, use for...of with await instead
  • Never ignore promise rejections by omitting catch handlers or .catch() blocks

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

When should I use this skill?
Use this skill proactively when working with JavaScript for Node.js or browsers, especially when dealing with async code, ES6+ features, or performance optimization.
Does this skill write TypeScript code?
No, this skill focuses on JavaScript. For TypeScript architecture and type system guidance, use a dedicated TypeScript skill.
Can this skill debug my existing JavaScript code?
Yes, it excels at debugging async behavior, event loop issues, race conditions, and performance problems in JavaScript code.
What JavaScript versions does this skill support?
This skill specializes in modern ES6+ JavaScript but can also help migrate legacy code to modern standards.
Does this skill handle framework-specific code?
This skill focuses on core JavaScript, async patterns, and runtime APIs. It does not specialize in React, Vue, or other framework specifics.
Can this skill help with browser compatibility?
Yes, it provides polyfill strategies and cross-browser compatibility guidance for modern JavaScript features.

๊ฐœ๋ฐœ์ž ์„ธ๋ถ€ ์ •๋ณด

์ž‘์„ฑ์ž

sickn33

๋ผ์ด์„ ์Šค

MIT

๋ฆฌํฌ์ง€ํ† ๋ฆฌ

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/javascript-pro

์ฐธ์กฐ

main

ํŒŒ์ผ ๊ตฌ์กฐ

๐Ÿ“„ SKILL.md