chartjs-custom-colors

Sub-skill of chartjs: Custom Colors (+2).

5 stars

Best use case

chartjs-custom-colors is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Sub-skill of chartjs: Custom Colors (+2).

Teams using chartjs-custom-colors should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/custom-colors/SKILL.md --create-dirs "https://raw.githubusercontent.com/vamseeachanta/workspace-hub/main/.agents/skills/_archive/data/visualization/chartjs/custom-colors/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/custom-colors/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How chartjs-custom-colors Compares

Feature / Agent	chartjs-custom-colors	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Sub-skill of chartjs: Custom Colors (+2).

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Custom Colors (+2)

## Custom Colors


```javascript
const colors = [
  'rgba(255, 99, 132, 0.7)',
  'rgba(54, 162, 235, 0.7)',
  'rgba(255, 206, 86, 0.7)',
  'rgba(75, 192, 192, 0.7)',
  'rgba(153, 102, 255, 0.7)'
];
```

## Custom Tooltips


```javascript
options: {
  plugins: {
    tooltip: {
      callbacks: {
        label: function(context) {
          let label = context.dataset.label || '';
          if (label) {
            label += ': ';
          }

*See sub-skills for full details.*

## Custom Legends


```javascript
options: {
  plugins: {
    legend: {
      position: 'bottom',
      labels: {
        font: {
          size: 14
        },
        usePointStyle: true
      }
    }
  }
}
```