界面优化进阶

oklch-skill

使用 OKLCH 调整颜色,帮助建立更稳定的调色板、对比度和深色模式。

推荐使用Codex
Recent Design颜色系统Tailwind CSS

Jakubkrehel

Skill 作者

适合职业

  • 设计师
  • 前端开发者

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • 颜色系统
  • 深色模式
  • Tailwind 主题配置

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

oklch-skill 用于把颜色转换和调整到 OKLCH 体系里,让调色板更容易保持稳定对比度和一致色相。

适合场景

  • 设计 Tailwind v4 主题颜色。
  • 优化深色模式。
  • 检查品牌色在不同背景下的可读性。

安装命令

安装说明

运行安装命令后,在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明,再把它加入达灵感项目资源。

使用说明

适合在具体 AI 项目中作为可复用资源保存。使用时,把当前项目背景、目标页面或工作流说明清楚,再调用该 Skill。