format-js

name	format-js
description	Format JavaScript/TypeScript code with Prettier

JavaScript/TypeScript Format Skill

📋 Overview

Use Prettier to automatically format JavaScript and TypeScript code:

• 🎨 Consistent style: Unified formatting across multiple file types
• ⚡ Fast execution: Millisecond-level formatting speed
• 🔧 Out of the box: Reasonable default configuration
• 🌈 Wide support: JS, TS, JSX, TSX, JSON, CSS, etc.

🔧 Prerequisites

Tool	Min Version	Check Command	Installation
Node.js	16+	node --version	nodejs.org
Prettier	2.8+	prettier --version	npm install -g prettier

🚀 Usage

Method 1: AI Assistant

"Use format-js to format my JavaScript code"

Method 2: Run Script Directly

# Windows
.\.agent\skills\format-js\scripts\format.ps1

# Linux/Mac
./.agent/skills/format-js/scripts/format.sh

Method 3: With Parameters

# Check without modifying
.\.agent\skills\format-js\scripts\format.ps1 -Check

# Format specific file types
.\.agent\skills\format-js\scripts\format.ps1 -Extensions "js,ts,jsx,tsx"

🎯 What It Formats

• ✅ Indentation and spacing
• ✅ Quote unification (single/double)
• ✅ Line length limits
• ✅ Semicolon add/remove
• ✅ Bracket and comma normalization
• ✅ Arrow function formatting

⚙️ Configuration

// .prettierrc
{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "printWidth": 80,
  "arrowParens": "avoid"
}

🔗 Related Resources

• Prettier Documentation
• Prettier Playground