copilotbox (Frontend Toolbox)

Essential CLI Tools for Web Developers

Features

• ⚡ Quick Commands - No need to remember long commands
• 🏷️ Case Conversion - camelCase, kebab-case, snake_case, PascalCase and more
• 📦 JSON Tools - Format, minify, diff
• 🔐 Encoding/Decoding - Base64, URL, Unicode
• 🎨 Color Conversion - HEX, RGB, HSL conversion with preview
• 🔢 Number Conversion - Timestamp, base conversion, px/rem/em
• 💡 Interactive - ora loading effects + inquirer prompts
• 📋 Copy to Clipboard - Auto-copy results

npm

• https://www.npmjs.com/package/copilotbox

Github

• https://github.com/Wonkmy/copilotbox.git

Installation

npm install -g copilotbox

Quick Start

# View help
copilotbox --help

# Interactive menu
copilotbox menu

🚀 Quick Commands (Recommended)

| Command | Description | Example | |---------|-------------|---------| | b64 <text> | Base64 encode | copilotbox b64 hello | | b64 -d <text> | Base64 decode | copilotbox b64 -d aGVsbG8= | | url <text> | URL encode | copilotbox url hello world | | url -d <text> | URL decode | copilotbox url -d hello%20world | | uni <text> | Unicode encode | copilotbox uni hello | | uni -d <text> | Unicode decode | copilotbox uni -d \u0068\u0065\u006c\u006c\u006f | | ts | Current timestamp | copilotbox ts | | ts --now | Current timestamp | copilotbox ts --now | | ts <timestamp> | Timestamp to date | copilotbox ts 1774772651 | | hex <num> | Base conversion | copilotbox hex ff:16 | | px <value> | px↔rem conversion | copilotbox px 16 | | col <color> | Color conversion | copilotbox col #ff0000 |

Command List

Case Conversion (case/c)

# Basic conversion
copilotbox c "helloWorld" -t kebab    # hello-world
copilotbox c "hello_world" -t camel   # helloWorld
copilotbox c "helloWorld" -t snake    # hello_world
copilotbox c "helloWorld" -t pascal   # HelloWorld

# CSS class names
copilotbox case "btn primary" --type css

# Batch conversion
copilotbox case batch "line1\nline2" -t kebab

JSON Tools (json/j)

# Format
copilotbox j '{"a":1}' --format

# Minify
copilotbox j '{"a":1}' --minify

# JSON to JS object
copilotbox json to-js '{"a":1}'

# JSON diff
copilotbox json diff

Encoding/Decoding (encode/e)

# Base64
copilotbox e base64 "hello"           # encode
copilotbox e base64 "aGVsbG8=" -d    # decode

# URL
copilotbox e url "hello world"         # encode
copilotbox e url "hello%20world" -d  # decode

Color Conversion (color/col)

# Color conversion
copilotbox col "#ff0000"
# Output: HEX, RGB, HSL

# Adjust opacity
copilotbox col alpha "#ff0000" 0.5

# Mix colors
copilotbox col mix "#ff0000" "#0000ff" --weight 0.5

Number Conversion (convert/conv)

# Timestamp
copilotbox conv timestamp 1774772242    # to date
copilotbox conv timestamp "2026-01-01"   # to timestamp

# Base conversion
copilotbox conv base "ff:16"     # ff(hex) -> 255
copilotbox conv base "1010:2"    # 1010(binary) -> 10

# px/rem/em
copilotbox conv px 32            # 32px -> 2rem

Global Options

| Option | Description | |--------|-------------| | -V, --version | Show version number | | -c, --copy | Auto copy result to clipboard | | -h, --help | Show help |

Aliases

| Command | Alias | |---------|-------| | case | c | | json | j | | encode | e | | color | col | | convert | conv |

Local Development

# Install dependencies
npm install

# Run in development mode
npm run dev

# Link for local testing
npm link

License

MIT