colors

Render CYNIC semantic colors, health indicators, and progress bars via a Node.js script.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/zeyxx/CYNIC --skill colors
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: colors
Source: https://github.com/zeyxx/CYNIC/tree/main/.claude/skills/colors
Command: npx skills add https://github.com/zeyxx/CYNIC --skill colors

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

CYNIC color previews help you quickly verify and compare semantic color mappings, health indicators, progress visuals, and Dog colors (Sefirot) to ensure UI consistency and accessibility during development and testing.

Core Features & Use Cases

  • Semantic Colors: Preview success, warning, error, info, and muted palettes to align with branding.
  • Health Indicators: Display φ-aligned thresholds (61.8%, 38.2%) to assess system health at a glance.
  • Progress Bars: Show linear and inverted progress visuals to evaluate readability and contrast.
  • Dog Colors (Sefirot): Visualize the 11 Sefirot color assignments for design exploration.
  • Dashboard Themes: Demonstrate color schemes for /psy, /health, /dogs, and related sections.

Quick Start

Run the color preview script to display semantic colors, health indicators, and dog color themes in your terminal.

Frequently Asked Questions about colors

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview terminal color systems and semantic palettes for UI development?

You can preview terminal color systems by running a local Node.js script that renders success, warning, error, info, and muted palettes. This allows you to quickly verify semantic color mappings and ensure UI consistency during development.

What are terminal health indicators and how do they visualize system thresholds?

Terminal health indicators display φ-aligned thresholds at 61.8% and 38.2% to help you assess system health at a glance. They are rendered alongside semantic colors to verify visual readability and dashboard consistency.

Can I use Node.js to generate progress bars and color previews without external dependencies?

Yes, you can generate progress bars and color previews using a local Node.js script without external dependencies. The script exposes a simple API to render linear and inverted progress visuals and apply colorization directly in the terminal.

How do I visualize Sefirot color assignments for design exploration in the terminal?

You can visualize Sefirot color assignments by running the color preview script, which displays the 11 Dog color sets. This helps you compare design themes and explore color schemes for dashboard sections like /dogs.

Does this color preview tool support testing dashboard themes for accessibility and contrast?

Yes, the color preview tool supports testing dashboard themes by demonstrating color schemes for /psy, /health, and /dogs sections. You can evaluate readability and contrast across progress bars and semantic palettes to ensure accessibility.

What is the best way to compare semantic colors and inverted progress visuals in a terminal?

The best way to compare semantic colors and inverted progress visuals is to run the local rendering script. It outputs linear and inverted progress bars alongside muted and active palettes, allowing you to evaluate readability and contrast directly.