Communitygithub.com

jakubkrehel/oklch 技能

專為網頁專案設計的 OKLCH 色彩空間工具。可將十六進位/RGB/HSL 轉換為 OKLCH、產生色板、檢查對比度、處理色域邊界,並與 Tailwind v4 主題整合。觸發關鍵字:oklch、色彩轉換、色板生成、對比度、色域、Display P3、設計代碼、色相偏移、彩度、深色模式顏色。

oklch 技能 是什麼?

這個技能為網頁開發者提供一套完整的 OKLCH 色彩空間操作工具。它能將常見的色彩格式(十六進位、RGB、HSL)轉換為 OKLCH,自動產生和諧的色板,並根據 WCAG 標準計算對比度。此技能特別擅長處理色域邊界問題,讓色彩在 sRGB 與 Display P3 之間平滑轉換,並有效管理色相偏移。它還能與 Tailwind v4 的主題系統深度整合,自動生成設計代碼。支援 Claude Code、Cursor、Codex 等 AI 代理平台,開發者只需用自然語言描述色彩需求(例如「產生深色模式的可存取藍色色板」),即可獲得準確的 CSS 色彩值與色板程式碼。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

oklch 技能 是做什麼的?

專為網頁專案設計的 OKLCH 色彩空間工具。可將十六進位/RGB/HSL 轉換為 OKLCH、產生色板、檢查對比度、處理色域邊界,並與 Tailwind v4 主題整合。觸發關鍵字:oklch、色彩轉換、色板生成、對比度、色域、Display P3、設計代碼、色相偏移、彩度、深色模式顏色。

相關技能