mcpField
C
color-expert

color-expert

github.com/podo设计与 UI29235 次安装4 天前更新
代码仓库

关于 color-expert

color-expert 为 Agent 的设计决策提供色彩科学参考，涵盖色彩空间、配色方法、无障碍对比度和色彩历史。

主要功能

  1. 01色彩空间参考
  2. 02配色生成方法
  3. 03WCAG 对比度指导
  4. 04色彩命名规范
  5. 05颜料混合理论
  6. 06CSS 色彩语法

适用场景

  1. 01构建色彩系统
  2. 02选择对比度合适的配色
  3. 03理解色彩组合的视觉效果

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill color-expert

安装后在 Claude Code 中输入/color-expert确认已加载。

附带文件stub.yaml

详细介绍

color-expert

目录占位条目 — 完整技能：meodai/skill.color-expert

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 color-expert 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测作用范围，然后安装：

    [ -e ~/.agents/skills/color-expert ] && echo "global" || echo "project"

    全局：

    npx skills add meodai/skill.color-expert --skill color-expert -g -y

    项目：

    npx skills add meodai/skill.color-expert --skill color-expert -y

    Claude Code： 发送一条以 ! 开头的聊天消息来运行命令，无需离开当前对话。

注意事项

  • 许可证： CC-BY-4.0（原创材料；第三方源材料沿用其各自的许可证）

安装后调用

  • 技能名称：color-expert
  • 触发短语："color expert"、"OKLCH"、"color palette"、"color science"、"contrast ratio"

功能

将深入的色彩科学参考库融入设计决策：技能文件包含核心内容，索引则指向数百个参考文件。涵盖感知均匀色彩空间（OKLCH、OKLAB）、调色板生成算法、WCAG 无障碍对比度、颜色命名惯例、颜料混合理论、CSS 颜色语法，以及色彩在艺术与设计中的历史。适用于构建色彩系统、选择对比度合适的调色板，或理解为何某些颜色组合看起来不协调。

不适用场景

  • 设计令牌文件结构（DTCG、别名、主题解析器）→ 使用 design-tokens-skill
  • 完整的无障碍审计（涵盖对比度以外的 WCAG 项目）→ 使用 wcag-audit-patterns 或 addyosmani-quality

评论

支持 Markdown