Communitygithub.com

jakubkrehel/oklch-skill

OKLCH 颜色空间工具,用于网页项目。支持将 hex/rgb/hsl 转换为 oklch、生成调色板、检查对比度、处理色域边界,并与 Tailwind v4 集成主题。

oklch-skill 是什么?

这个技能为开发者提供了在网页项目中全面使用 OKLCH 颜色空间的能力。它能将传统的 hex、rgb、hsl 颜色值转换为更符合人眼感知的 OKLCH 格式,并生成和谐的调色板。技能还包含对比度检查、色域边界处理(如 Display P3)以及暗色模式色调漂移校正等高级功能。特别地,它支持生成 Tailwind v4 的设计令牌配置文件,方便将生成的色彩系统无缝集成到现代 CSS 框架中。适用于 Claude Code、Cursor、Codex 等 AI 代理平台,通过自然语言触发即可完成复杂的颜色数学和设计系统转换工作。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/oklch-skill/tree/main/skills/oklch-skill

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

oklch-skill 是做什么的?

用于网页项目的 OKLCH 颜色空间工具。将 hex/rgb/hsl 转换为 oklch、生成调色板、检查对比度、处理色域边界,并与 Tailwind v4 集成主题。触发关键词:oklch、颜色转换、调色板生成、对比度比率、色域、display p3、设计令牌、色调漂移、色度、暗色模式颜色。

相关技能