KS
Killer-Skills

color-pipeline-implementer — how to use color-pipeline-implementer how to use color-pipeline-implementer, color-pipeline-implementer setup guide, color-pipeline-implementer alternative, color-pipeline-implementer vs OKLCH, implementing color pipeline stages, OKLCH color space tutorial, color-pipeline-implementer install, TypeScript color manipulation, color pipeline implementation best practices

v1.0.0
GitHub

About this Skill

Perfect for Visual Design Agents needing advanced color manipulation and OKLCH color space capabilities. color-pipeline-implementer is a skill that assists in implementing and adjusting color pipeline stages using OKLCH color space and TypeScript.

Features

Implements parsing of hex/rgb colors to OKLCH in src/utils/parseColor.ts
Normalizes colors by clamping L/C/H values and applying defaults in src/engine/normalize.ts
Resolves semantic colors using base scales in src/engine
Preserves alpha channel during color parsing
Follows v0.3 documentation for color pipeline implementation
Reads spec-v0.3.md and roadmap-v0.3.md for workflow planning

# Core Topics

how to use color-pipeline-implementer color-pipeline-implementer setup guide color-pipeline-implementer alternative color-pipeline-implementer vs OKLCH implementing color pipeline stages OKLCH color space tutorial
claushaas claushaas
[0]
[0]
Updated: 3/6/2026

↓ Quality Score

Top 5%
23
Excellent
Based on code quality & docs
Installation
SYS Universal Install (Auto-Detect)
Cursor IDE Windsurf IDE VS Code IDE
> npx killer-skills add claushaas/palette-kit/color-pipeline-implementer

Agent Capability Analysis

The color-pipeline-implementer MCP Server by claushaas is an open-source Categories.community integration for Claude and other AI agents, enabling seamless task automation and capability expansion. Optimized for how to use color-pipeline-implementer, color-pipeline-implementer setup guide, color-pipeline-implementer alternative.

Ideal Agent Persona

Perfect for Visual Design Agents needing advanced color manipulation and OKLCH color space capabilities.

Core Value

Empowers agents to implement color pipeline stages, including parsing, normalization, and semantic resolution, using OKLCH color space and TypeScript, while preserving alpha channels and performing basic validation.

↓ Capabilities Granted for color-pipeline-implementer MCP Server

Implementing color parsing from hex/rgb to OKLCH
Normalizing color values with clamping and default settings
Resolving semantic colors using base scales

! Prerequisites & Limits

  • Requires access to src/planning/spec-v0.3.md and src/planning/roadmap-v0.3.md documentation
  • TypeScript environment needed
  • OKLCH color space specific
Project
SKILL.md
868 B
.cursorrules
1.2 KB
package.json
240 B
Ready
UTF-8

# Tags

[No tags]
SKILL.md
Readonly

Color Pipeline Implementer

Use this skill when implementing or adjusting the color pipeline stages. Use the v0.3 docs as the source of truth.

Workflow

  1. Read src/planning/spec-v0.3.md and the relevant phase in src/planning/roadmap-v0.3.md.
  2. Implement parsing in src/utils/parseColor.ts (hex/rgb to OKLCH, preserve alpha).
  3. Implement normalization in src/engine/normalize.ts (clamp L/C/H, defaults, basic validation).
  4. Implement base scales and semantic resolution in src/engine/ as per spec ordering.
  5. Add focused tests for each stage before moving to the next change.

Guardrails

  • Keep logic incremental; avoid skipping phase boundaries.
  • Preserve output contracts (ResolvedColor, ColorMeta) as defined in src/types.
  • Keep BaseResolvedColor runtime shape stable.
  • Prefer small PR-sized changes with clear acceptance criteria.

Related Skills

Looking for an alternative to color-pipeline-implementer or building a Categories.community AI Agent? Explore these related open-source MCP Servers.

View All

widget-generator

Logo of f
f

widget-generator is an open-source AI agent skill for creating widget plugins that are injected into prompt feeds on prompts.chat. It supports two rendering modes: standard prompt widgets using default PromptCard styling and custom render widgets built as full React components.

★ 149.6k
⑂ 0
Design

chat-sdk

Logo of lobehub
lobehub

chat-sdk is a unified TypeScript SDK for building chat bots across multiple platforms, providing a single interface for deploying bot logic.

★ 73.0k
⑂ 0
Communication

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
Communication

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
Communication