oklch-skill

ui-skills/jakubkrehel · Agent Skill

實用工作流程色彩OKLCH技術，打造一致、易用且可客製化的色彩系統於現代使用者介面。

前往安裝 ↓

總覽

發布者jakubkrehel社群
儲存庫ui-skills/jakubkrehel
技能資料夾jakubkrehel-oklch-skill
附帶檔案僅 SKILL.md
連結技能原始碼 ↗

Mozgi 檢查

我們在技能檔案中發現的內容。詳細資訊需訂閱。

安全性
尚未檢查技能檔案
相容性
尚未檢查技能檔案
相似技能
找到 31 個相似技能
訂閱另含

安裝

技能就是一個含 SKILL.md 的資料夾。選擇你的代理，在專案根目錄的終端機（macOS、Linux 或 Windows 的 Git Bash）執行指令。

把提示貼到 Claude、Codex 或其他助理：它會自行檢查並安裝技能。

Install the “oklch-skill” skill from mozgi.io (https://mozgi.io/skills/jakubkrehel-oklch-skill/) for me.

1. Open the skill page https://mozgi.io/skills/jakubkrehel-oklch-skill/ and take the SKILL.md text from it.
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “oklch-skill” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/oklch-skill/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

常見問題

oklch-skill 技能有什麼用途？

實用工作流程色彩OKLCH技術，打造一致、易用且可客製化的色彩系統於現代使用者介面。

如何安裝 oklch-skill？

打開本頁的「安裝」區塊並選擇你的代理 — Claude Code、Codex、Cursor 或 Gemini CLI：那裡有把技能資料夾複製到正確位置的現成指令。也可以複製「透過助理」分頁中的提示，讓助理自行檢查並安裝技能。

oklch-skill 適用哪些 AI 模型？

技能是純 Markdown 指示（Agent Skills 格式），因此 oklch-skill 適用任何讀取 SKILL.md 的代理：Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、OpenCode 等。只有在任務符合技能描述時，模型才會載入指示。

oklch-skill 是免費的嗎？

此技能由 jakubkrehel 公開發布。技能本身免費 — 你只需向 AI 供應商支付實際使用的 token 費用。儲存庫未標示授權 — 商業使用前請向作者確認條款。

安裝技能安全嗎？

技能是代理會遵循的指示，安裝前請閱讀 SKILL.md 及相關檔案。技能資料夾中的腳本只有在代理執行時才會運行 — 留意它的動作，不要授予多餘權限。

技能和 MCP 伺服器或外掛有何不同？

MCP 伺服器或外掛為模型提供新工具 — 會執行並回傳結果的程式碼。技能提供的是知識與流程：如何處理任務、要遵循哪些步驟、好的成果長什麼樣子。它不需要伺服器或 API 金鑰。

相關技能

所有技能 →
better-accessibility 檢查和改善焦點狀態、鍵盤支援、ARIA、表單、螢幕閱讀器、觸擊區域和動作的無障礙功能。 jakubkrehel8.6k better-colors OKLCH 色彩空間適用於網頁專案，能夠將 hex/rgb/hsl 轉換為 oklch，生成色板，檢查對比度，處理色域邊界，並使用 Tailwind v4 建立主題，支援 oklch、顏色轉換、色板生成、對比度比率、色域、display p3、設計令牌、色調漂移、色度、暗黑模式顏色等功能。 jakubkrehel8.6k better-interface 進行介面可及性、佈局、書寫、字型、色彩和視覺呈現的全面評估。 jakubkrehel8.6k better-typography 網頁字型學從選擇字型到間距、換行和無障礙設計。使用於選擇或組合字型風格、設定可變字型或OpenType功能、建立字型尺度、在元件中樣式化文字、裁剪文字、樣式化下劃線、突出顯示、佔位符或遊標，或檢查前端程式碼的字型學。適用於字型學、字型、字型格式、woff2、可變字型、font-weight、opentype、font-feature-settings、letter-spacing、line-height、字型尺度、表格數字、text-wrap、裁剪、line clamp、下劃線、text-decoration、文字突出顯示、iOS 輸入縮放、字型平滑、文字對比、大小、行長、文字欄、智慧標點符號、drop cap。 jakubkrehel8.6k better-writing 改善使用者體驗的寫作，包括介面標籤、錯誤、空狀態、設定、通知和產品順序。 jakubkrehel8.6k frontend-ui-engineering 前端UI工程指南，涵蓋元件架構、響應式設計、無障礙和可維護的實現範本。 addyosmani111k