> chalk-advanced
Style terminal output with Chalk. Use when adding colors to CLI output, formatting log messages, building styled terminal UIs, or creating developer tools with colored output.
curl "https://skillshub.wtf/TerminalSkills/skills/chalk-advanced?format=md"Chalk
Overview
Chalk styles terminal strings with colors, bold, underline, and backgrounds. ESM-only since v5. Chain styles fluently. Widely used in CLIs for status messages, errors, and formatted output.
Instructions
Step 1: Basic Styling
import chalk from 'chalk'
console.log(chalk.green('✓ Success'))
console.log(chalk.red.bold('✗ Error: file not found'))
console.log(chalk.yellow('⚠ Warning: deprecated API'))
console.log(chalk.blue.underline('https://example.com'))
console.log(chalk.gray(' (verbose details)'))
// Background colors
console.log(chalk.bgRed.white.bold(' ERROR ') + ' Something went wrong')
console.log(chalk.bgGreen.black.bold(' PASS ') + ' All tests passed')
Step 2: Composable Styles
// Define reusable styles
const styles = {
error: chalk.red.bold,
success: chalk.green,
warn: chalk.yellow,
info: chalk.blue,
dim: chalk.gray,
highlight: chalk.cyan.bold,
label: chalk.bgBlue.white.bold,
}
function log(level: keyof typeof styles, msg: string) {
const prefix = {
error: '✗', success: '✓', warn: '⚠', info: 'ℹ', dim: '·', highlight: '→',
}
console.log(`${styles[level](prefix[level] || '·')} ${msg}`)
}
log('success', 'Project created')
log('error', 'Build failed')
log('info', `Using ${styles.highlight('TypeScript')} template`)
Step 3: CLI Output Formatting
// Table-like output
function printStats(stats: Record<string, number>) {
const maxKey = Math.max(...Object.keys(stats).map(k => k.length))
for (const [key, value] of Object.entries(stats)) {
const label = chalk.gray(key.padEnd(maxKey))
const val = value > 0 ? chalk.green(value.toString()) : chalk.red(value.toString())
console.log(` ${label} ${val}`)
}
}
printStats({ 'Files changed': 12, 'Lines added': 847, 'Lines removed': 231, Warnings: 0, Errors: 0 })
Guidelines
- Chalk v5+ is ESM-only. Use
import chalk from 'chalk', not require. - Chalk respects
NO_COLORandFORCE_COLORenv vars automatically. - Chain methods:
chalk.red.bold.underline('text')— order doesn't matter. - Use template literals:
chalk`{red Error:} {bold ${message}}` - For complex terminal UIs, combine with ora (spinners) and cli-table3 (tables).
> related_skills --same-repo
> zustand
You are an expert in Zustand, the small, fast, and scalable state management library for React. You help developers manage global state without boilerplate using Zustand's hook-based stores, selectors for performance, middleware (persist, devtools, immer), computed values, and async actions — replacing Redux complexity with a simple, un-opinionated API in under 1KB.
> zod
You are an expert in Zod, the TypeScript-first schema declaration and validation library. You help developers define schemas that validate data at runtime AND infer TypeScript types at compile time — eliminating the need to write types and validators separately. Used for API input validation, form validation, environment variables, config files, and any data boundary.
> xero-accounting
Integrate with the Xero accounting API to sync invoices, expenses, bank transactions, and contacts — and generate financial reports like P&L and balance sheet. Use when: connecting apps to Xero, automating bookkeeping workflows, syncing accounting data, or pulling financial reports programmatically.
> windsurf-rules
Configure Windsurf AI coding assistant with .windsurfrules and workspace rules. Use when: customizing Windsurf for a project, setting AI coding standards, creating team-shared Windsurf configurations, or tuning Cascade AI behavior.