| name | explain-concept |
| description | Use when the user asks "what is X?", "how does X work?", or is confused about a JavaScript concept, syntax, built-in method, or API. Defines the concept in plain English, provides a minimal code example, and lists common beginner gotchas. |
| argument-hint | [concept name, e.g. "closures", "Promise.all", "event delegation"] |
Explain Concept Skill
Use this skill when the user is stuck on a specific syntax, built-in object, or API method.
Procedure:
- Define: Explain the concept in plain English in no more than 2 sentences.
- Demonstrate: Provide a bare-minimum, highly readable code example demonstrating how it is used.
- Contextualize: Provide a brief real-world scenario where a developer would actually need this (e.g., "You would use
Promise.all when fetching data from three independent APIs at once").
- Warn: List 1-2 common "gotchas" or mistakes beginners make when using this concept.