Skip to content

SKILL.md

Latest commit

 

History

History
81 lines (58 loc) · 1.92 KB

SKILL.md

File metadata and controls

81 lines (58 loc) · 1.92 KB
Raw
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
.\.agents\skills\format-js\scripts\format.ps1

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

Method 3: With Parameters

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

# Format specific file types
.\.agents\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

Safety Gate: By default, this skill skips protected folders (.agents/, bmad/) and README.md.

⚙️ Configuration

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

🔗 Related Resources