> 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.
> zoho
Integrate and automate Zoho products. Use when a user asks to work with Zoho CRM, Zoho Books, Zoho Desk, Zoho Projects, Zoho Mail, or Zoho Creator, build custom integrations via Zoho APIs, automate workflows with Deluge scripting, sync data between Zoho apps and external systems, manage leads and deals, automate invoicing, build custom Zoho Creator apps, set up webhooks, or manage Zoho organization settings. Covers Zoho CRM, Books, Desk, Projects, Creator, and cross-product integrations.
> 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.
> zipkin
Deploy and configure Zipkin for distributed tracing and request flow visualization. Use when a user needs to set up trace collection, instrument Java/Spring or other services with Zipkin, analyze service dependencies, or configure storage backends for trace data.