chalk-styling-system

Solid

Create consistent chalk-based color and styling system for CLI output with themes, semantic colors, and formatting utilities.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Chalk Styling System Create consistent chalk-based styling for CLI output. ## Capabilities - Create color theme systems - Define semantic color utilities - Set up text formatting helpers - Implement conditional styling - Create box and border utilities - Generate styling documentation ## Usage Invoke this skill when you need to: - Create consistent CLI color schemes - Define semantic output styling - Build formatting utilities - Support multiple themes ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | language | string | Yes | Target language | | theme | object | No | Custom color theme | | utilities | array | No | Formatting utilities needed | ## Generated Patterns ### TypeScript Styling System ```typescript import chalk, { ChalkInstance } from 'chalk'; // Theme definition export interface Theme { primary: string; secondary: string; success: string; warning: string; error: string; info: string; muted: string; } const defaultTheme: Theme = { primary: '#3498db', secondary: '#9b59b6', success: '#2ecc71', warning: '#f39c12', error: '#e74c3c', info: '#00bcd4', muted: '#95a5a6', }; // Create themed chalk instance export function createTheme(theme: Partial<Theme> = {}): { primary: ChalkInstance; secondary: ChalkInstance; success: ChalkInstance; warning: ChalkInstance; error: ChalkInstance; info: ChalkInstance; muted: ChalkInstance; } { const t = { ...defaultTheme, ...the...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

help-text-formatter

Generate formatted help text with examples, descriptions, sections, and consistent styling for CLI applications.

1,160 Updated today
a5c-ai
AI & Automation Solid

cli-table-formatter

Generate table formatters for structured CLI output with column alignment, borders, and responsive sizing.

1,160 Updated today
a5c-ai
Web & Frontend Listed

shadcn-aesthetic

Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling code to ensure modern, refined, and accessible design patterns.

335 Updated today
aiskillstore
Web & Frontend Listed

chameleon

Generate or retrofit HTML files to use the Chameleon theme contract — semantic CSS variables and Tailwind-shaped utility classes. Two modes: `generate` produces new themable HTML; `convert` retrofits existing files via dry-run color-to-role mapping. Triggers on: "make this themable", "chameleon-ify", "create a themable HTML", "apply the chameleon theme", "themable HTML artifact", "Chameleon", "html-chameleon".

2 Updated 1 weeks ago
churin1116
Code & Development Solid

cli

Comprehensive R package for command-line interface styling, semantic messaging, and user communication. Use this skill when working with R code that needs to: (1) Format console output with inline markup and colors, (2) Display errors, warnings, or messages with cli_abort/cli_warn/cli_inform, (3) Show progress indicators for long-running operations, (4) Create semantic CLI elements (headers, lists, alerts, code blocks), (5) Apply themes and customize output styling, (6) Handle pluralization in user-facing text, (7) Work with ANSI strings, hyperlinks, or custom containers. Also use when migrating from base R message/warning/stop, debugging cli code, or improving existing cli usage.

379 Updated 3 days ago
posit-dev