Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Color Encoding For Data

ASecurity

Applies color to a chart so it encodes meaning and directs attention, using preattentive contrast, sequential and categorical palettes, and accessibility checks.

6 stars
0 votes
0 copies
1 views
Added 9/19/2026
ai-agentsgo

Security Analysis

A100/100

Scanned 9/19/2026

Install to Claude Code

$npx -y skills add andreworia/claude-powerpoint-skills --skill color-encoding-for-data --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Color Encoding For Data?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Color Encoding For Data
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/andreworia-color-encoding-for-data/badge)](https://www.skillsdirectory.com/skills/andreworia-color-encoding-for-data)

More formats (shields.io, HTML) on the badges page.

Download with Pro
Files
SKILL.md
---
name: color-encoding-for-data
description: Applies color to a chart so it encodes meaning and directs attention, using preattentive contrast, sequential and categorical palettes, and accessibility checks.
---

# Color Encoding for Data

## When to use
Use this on any chart once it is built and labeled. Color is the most misused element of a chart. Done well, it makes the message jump out before the reader reads a word. Done badly, it turns a chart into a rainbow that hides the point.

## What it does
It returns a color plan: the base palette, which element gets the accent, the palette type for the data (categorical, sequential, or diverging), and an accessibility check. The plan ties every color to a reason.

## Method
Step 1. Start from one color, add color only to mean something.
The default is a single muted color for all marks. Add a second color only to encode a real distinction: the focus category, increases versus decreases, above versus below target. Color with no meaning is decoration and should be removed.

Step 2. Use preattentive contrast to direct attention.
The eye locks onto the one element that differs in color before conscious reading begins. Exploit this: gray every mark except the one the message names, and give that one the accent color. A single accent bar in a field of gray is read faster than any label.

Step 3. Choose the palette type by data type.
- Categorical data (regions, products): distinct hues of similar saturation, kept to a small set. Reuse the same hue for the same category across all charts in the deck.
- Sequential data (low to high of one measure): a single hue ramping from light to dark. Darker means more.
- Diverging data (below to above a midpoint): two hues meeting at a neutral middle, for example blue to gray to orange around a target. Use only when there is a meaningful midpoint.

Step 4. Limit the number of colors.
Keep categorical palettes to about five or six distinguishable colors. Beyond that, hues blur together. If you have more categories, group them or use position and labels instead of color to distinguish them.

Step 5. Tie colors to the deck brand.
Use the deck's primary and accent colors. The chart should look native to the brand, not like a generic Excel palette. Map the brand primary to the base series and the brand accent to the highlighted element.

Step 6. Keep color consistent across the deck.
If region North is blue on one chart, it is blue on every chart. Consistent encoding lets the reader carry meaning from slide to slide without relearning the legend.

Step 7. Check accessibility and print.
Ensure the palette is distinguishable for color-vision deficiency: do not rely on red versus green alone; pair color with position, labels, or texture. Check that the chart still reads in grayscale, since decks get printed. Maintain enough contrast between marks and background.

Step 8. Build it native in PowerPoint.
Set each series and data point color in the native chart's Format pane using theme colors, so the colors update if the brand theme changes and the chart stays editable.

## Inputs
- The chart and what each color would distinguish.
- The data type (categorical, sequential, diverging).
- The element the message highlights.
- The deck brand primary and accent colors.

## Output format
- The base color and the rule for when a second color appears.
- The accent assignment (which element, why).
- The palette type and the specific palette.
- The cross-deck consistency note.
- The accessibility and grayscale check.

## Example
Input: bar chart of margin by product, eight products, message is that two products drag the average down.

Output:
- Base color: all bars muted brand blue.
- Accent: the two low-margin products in brand accent color; the rest gray-blue.
- Palette type: categorical is not needed here; this is single-measure highlighting.
- Consistency: keep these product colors identical on every chart in the deck.
- Accessibility: the accent is distinguishable in grayscale and paired with direct labels, not color alone.
- Build: set the two highlighted bars' fill to the theme accent in the Format pane.

Attribution

andreworiaandreworia
View sourceMore from andreworia →
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Caveman

Ultra-compressed communication mode that cuts output tokens while keeping technical accuracy. Levels: lite, full, ultra and the wenyan variants. Use for /caveman, "caveman mode", "talk like caveman", "be brief" or "less tokens".

1074701 votes

Hyperplan

Adversarial multi-agent planning skill. Self-orchestrates 5 hostile category members (unspecified-low, unspecified-high, deep, ultrabrain, artistry) via team-mode for ruthless cross-critique debate, distills only the defensible insights, then MANDATORILY hands the distilled insight bundle to the `plan` agent for executable plan formalization. Use when planning needs maximum rigor and surfacing of weak assumptions, blind spots, and over-engineering. Triggers: 'hyperplan', 'hpp', '/hyperplan', ...

693621 votes

Mcp Code Execution

Routes multi-tool workflows through MCP servers for large datasets and pipelines. Use when Bash tool overhead is limiting throughput on data-heavy tasks.

3351 votes

catchup

Recovers the conversation and failed tool calls of a previous Codex, Claude Code, Antigravity, Cline, Copilot CLI, Cursor, DeepSeek Harness, Kimi, OpenCode, Pi Agent, or ZCode session. Use when the user says "catch up", "what did the last session do", "get me up to speed", "I switched agents", asks to recover/summarize a previous session before continuing, or asks to diagnose or report a catchup failure. Do NOT use for the current conversation, git history, or any non-agent log.

691 votes

math-skill

A comprehensive mathematical reasoning skill for AI assistants — handles arithmetic to research-level problems with rigorous step-by-step reasoning, systematic verification, and transparent uncertainty handling

381 votes
View all in ai-agents →