mcpField
C
color-math-accessibility

color-math-accessibility

github.com/lvtd-llc设计与 UI144 次安装7 周前更新
代码仓库

关于 color-math-accessibility

此参考技能帮助设计师和开发者用色彩数学制定易访问、可复现的 UI 决策,涵盖对比度、调色板、感知亮度、不透明度与混合,并提供规则、示例和审计流程。

主要功能

  1. 01按任务选择参考资料
  2. 02色彩系统规则与例外
  3. 03示例与重构指导
  4. 04可复用公式与模式
  5. 05分步色彩审计

适用场景

  1. 01检查 UI 色彩对比度
  2. 02推导调色板中的色彩关系
  3. 03排查不透明度或混合结果
  4. 04按清单审查色彩系统

安装

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

$npx skills add https://github.com/lvtd-llc/skills --skill color-math-accessibility

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

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

guidelines.md
agents/
openai.yaml
references/
source-map.md
references/color-systems/
checklist.md
examples.md
knowledge.md
patterns.md
rules.md
workflows/
audit-color-system.md

详细介绍

色彩数学无障碍设计

当颜色需要具备可解释性、无障碍性和可复现性时,请使用此技能。它聚焦于影响实际 UI 效果的色彩数学:对比度、调色板关系、感知亮度、不透明度和混合。

快速入门

  1. 阅读 guidelines.md,选择最小的相关文件集。
  2. 加载 references/color-systems/rules.md,以便做出实现决策。
  3. 编辑代码时,加载 references/color-systems/examples.md。
  4. 对于多步骤推导或调试,请使用 workflows/audit-color-system.md。

目录

资源用途
guidelines.md将任务导向合适的参考文件
references/source-map.md书籍来源及章节/小节的可追溯信息
references/color-systems/knowledge.md核心概念和术语
references/color-systems/rules.md实用规则、指南和例外情况
references/color-systems/examples.md不佳/良好示例和重构方法
references/color-systems/patterns.md可复用的公式和实现模式
references/color-systems/checklist.md审查清单和风险信号
workflows/audit-color-system.md分步工作流

来源

内容源自 Paul McFedries 所著的 Math for Web Design,第 7 章:色彩的数学原理。 引用信息记录在 references/source-map.md 中。

评论

支持 Markdown