Agent Skillsnodetool-ai/nodetool › sandbox-color

sandbox-color

GitHub

提供颜色解析、转换、混合及色差计算功能,基于culori库。适用于前端开发中处理颜色数据、生成配色方案或进行视觉差异分析的场景。

packages/sandbox-packs/sandbox-color/SKILL.md nodetool-ai/nodetool

触发场景

需要解析或转换颜色格式 计算两种颜色的差异值 生成颜色渐变或混合色

安装

npx skills add nodetool-ai/nodetool --skill sandbox-color -g -y
更多选项

非标准路径

npx skills add https://github.com/nodetool-ai/nodetool/tree/main/packages/sandbox-packs/sandbox-color -g -y

不安装直接使用

npx skills use nodetool-ai/nodetool@sandbox-color

指定 Agent (Claude Code)

npx skills add nodetool-ai/nodetool --skill sandbox-color -a claude-code -g -y

安装 repo 全部 skill

npx skills add nodetool-ai/nodetool --all -g -y

预览 repo 内 skill

npx skills add nodetool-ai/nodetool --list

SKILL.md

Frontmatter
{
    "name": "sandbox-color",
    "description": "Convert, mix, and measure colors inside a Code node or CodeAct action, with culori running in the guest"
}

Color in the sandbox

Specifier: @nodetool-ai/sandbox-color. One module, culori's root export. Import it at the top of the body.

Parse and convert

import { parse, formatHex, converter } from "@nodetool-ai/sandbox-color";

const color = parse(inputs.hex);
const rgb = converter("rgb")(color);
return { hex: formatHex(color), rgb };

Mix and difference

import { interpolate, formatHex, differenceCiede2000 } from "@nodetool-ai/sandbox-color";

const mix = interpolate(["#2563eb", "#f97316"]);
const mid = formatHex(mix(0.5));
const delta = differenceCiede2000()("#2563eb", "#f97316");
return { mid, delta };

Gotchas

  • Objects, not CSS strings, after parse. A parsed color is { mode, ...channels }.
  • Named imports. There is no useful default export.

版本历史

  • a6a7e57 当前 2026-08-20 09:52

同 Skill 集合

.claude/skills/ask-matt/SKILL.md
.claude/skills/ast-grep-outline/SKILL.md
.claude/skills/ast-grep/SKILL.md
.claude/skills/codebase-design/SKILL.md
.claude/skills/companion-clis/SKILL.md
.claude/skills/diagnosing-bugs/SKILL.md
.claude/skills/domain-modeling/SKILL.md
.claude/skills/flash/SKILL.md
.claude/skills/implement/SKILL.md
.claude/skills/improve-codebase-architecture/SKILL.md
.claude/skills/nodetool-api-reference/SKILL.md
.claude/skills/nodetool-browser-agent/SKILL.md
.claude/skills/nodetool-chat-cli/SKILL.md
.claude/skills/nodetool-custom-node-developer/SKILL.md
.claude/skills/nodetool-deployment/SKILL.md
.claude/skills/nodetool-model-provider-config/SKILL.md
.claude/skills/nodetool-rag-indexing/SKILL.md
.claude/skills/nodetool-troubleshooter/SKILL.md
.claude/skills/nodetool-workflow-builder/SKILL.md
.claude/skills/prototype/SKILL.md
.claude/skills/research/SKILL.md
.claude/skills/resolving-merge-conflicts/SKILL.md
.claude/skills/setup-matt-pocock-skills/SKILL.md
.claude/skills/tdd/SKILL.md
.claude/skills/to-spec/SKILL.md
.claude/skills/to-tickets/SKILL.md
.claude/skills/triage/SKILL.md
.claude/skills/wayfinder/SKILL.md
.claude/skills/wizard/SKILL.md
.claude/skills/yts806379-everything-claude-code-e2e-testing/SKILL.md
packages/sandbox-packs/sandbox-aws/SKILL.md
packages/sandbox-packs/sandbox-chrono/SKILL.md
packages/sandbox-packs/sandbox-csv/SKILL.md
packages/sandbox-packs/sandbox-dates/SKILL.md
packages/sandbox-packs/sandbox-decimal/SKILL.md
packages/sandbox-packs/sandbox-diff/SKILL.md
packages/sandbox-packs/sandbox-docx/SKILL.md
packages/sandbox-packs/sandbox-dsl/SKILL.md
packages/sandbox-packs/sandbox-epub/SKILL.md
packages/sandbox-packs/sandbox-exif/SKILL.md
packages/sandbox-packs/sandbox-expr/SKILL.md
packages/sandbox-packs/sandbox-fabric/SKILL.md
packages/sandbox-packs/sandbox-flow/SKILL.md
packages/sandbox-packs/sandbox-gif/SKILL.md
packages/sandbox-packs/sandbox-html/SKILL.md
packages/sandbox-packs/sandbox-ics/SKILL.md
packages/sandbox-packs/sandbox-jmespath/SKILL.md
packages/sandbox-packs/sandbox-mammoth/SKILL.md
packages/sandbox-packs/sandbox-markdown/SKILL.md

元信息

文件数
0
版本
3c18fac
Hash
c2c25f91
收录时间
2026-08-20 09:52

首页 - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-09 16:08
浙ICP备14020137号-1 $访客地图$