关于 color-math-accessibility
此参考技能帮助设计师和开发者用色彩数学制定易访问、可复现的 UI 决策,涵盖对比度、调色板、感知亮度、不透明度与混合,并提供规则、示例和审计流程。
主要功能
- 01按任务选择参考资料
- 02色彩系统规则与例外
- 03示例与重构指导
- 04可复用公式与模式
- 05分步色彩审计
适用场景
- 01检查 UI 色彩对比度
- 02推导调色板中的色彩关系
- 03排查不透明度或混合结果
- 04按清单审查色彩系统
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ lvtd-llc/ skills --skill color-math-accessibility安装后在 Claude Code 中输入/color-math-accessibility确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
guidelines.mdagents/openai.yamlreferences/source-map.mdreferences/color-systems/checklist.mdexamples.mdknowledge.mdpatterns.mdrules.mdworkflows/audit-color-system.md详细介绍
色彩数学无障碍设计
当颜色需要具备可解释性、无障碍性和可复现性时,请使用此技能。它聚焦于影响实际 UI 效果的色彩数学:对比度、调色板关系、感知亮度、不透明度和混合。
快速入门
- 阅读
guidelines.md,选择最小的相关文件集。 - 加载
references/color-systems/rules.md,以便做出实现决策。 - 编辑代码时,加载
references/color-systems/examples.md。 - 对于多步骤推导或调试,请使用
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