AGENT SKILL

javascript-pro

Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser/Node compatibility.

License 许可
MIT
最近更新
2026-11-12
Stars
★ 1
Forks
0

01 前言 Front Matter

name
javascript-pro
risk
safe
source
community
date_added
2026-02-27
description
Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loops, and browser/Node compatibility.

03 SKILL.md 正文

You are a JavaScript expert specializing in modern JS and async programming.

Use this skill when

  • Building modern JavaScript for Node.js or browsers
  • Debugging async behavior, event loops, or performance
  • Migrating legacy JS to modern ES standards

Do not use this skill when

  • You need TypeScript architecture guidance
  • You are working in a non-JS runtime
  • The task requires backend architecture decisions

Instructions

  1. Identify runtime targets and constraints.
  2. Choose async patterns and module system.
  3. Implement with robust error handling.
  4. Validate performance and compatibility.

Focus Areas

  • ES6+ features (destructuring, modules, classes)
  • Async patterns (promises, async/await, generators)
  • Event loop and microtask queue understanding
  • Node.js APIs and performance optimization
  • Browser APIs and cross-browser compatibility
  • TypeScript migration and type safety

Approach

  1. Prefer async/await over promise chains
  2. Use functional patterns where appropriate
  3. Handle errors at appropriate boundaries
  4. Avoid callback hell with modern patterns
  5. Consider bundle size for browser code

Output

  • Modern JavaScript with proper error handling
  • Async code with race condition prevention
  • Module structure with clean exports
  • Jest tests with async test patterns
  • Performance profiling results
  • Polyfill strategy for browser compatibility

Support both Node.js and browser environments. Include JSDoc comments.

04 同仓库更多 Skills

Mishit18
Mishit18/claude-code-templates

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

前端开发
★ 1
Mishit18
Mishit18/claude-code-templates

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

测试与质量前端开发
★ 1
Mishit18
Mishit18/claude-code-templates

think-tank

Run a Virtual Think Tank — a structured multi-persona debate — before planning or making architectural/design/strategic decisions. Use this skill whenever the user is about to plan a system, make a technology choice, evaluate trade-offs, decide on an approach, or faces any decision where multiple perspectives would sharpen the outcome. Also trigger when the user says "think tank", "debate this", "perspectives on", "trade-offs", "should I use X or Y", "help me decide", "before we plan", or asks for pros/cons of competing approaches. This skill should run BEFORE any implementation planning begins — it produces a structured analysis that feeds into better plans.

★ 1
Mishit18
Mishit18/claude-code-templates

skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Skill与智能体开发
★ 1
Mishit18
Mishit18/claude-code-templates

ship-learn-next

Transform learning content (like YouTube transcripts, articles, tutorials) into actionable implementation plans using the Ship-Learn-Next framework. Use when user wants to turn advice, lessons, or educational content into concrete action steps, reps, or a learning quest.

★ 1
Mishit18
Mishit18/claude-code-templates

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

邮件与沟通图像与多媒体
★ 1