oklch
OKLCH Color Workflow
Use this skill to reason about color manually first, then convert precisely with @texel/color.
Apply the Model Correctly
- Use
oklch(L C H). - Treat
Las perceived lightness (0..1or0%..100%). - Treat
Cas chroma (intensity). - Treat
Has hue angle in degrees (0..360). - Keep
Lfixed across multiple hues to keep UI colors visually balanced. - Change
L(notH) to build shade ramps with less hue drift.
Handle Gamut and Chroma Safely
More from chiroro-jr/skills
pencil-design
Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.
71better-agent-md
Audit, improve, or rewrite repository-level agent instruction files such as AGENTS.md, AGENT.md, CLAUDE.md, GEMINI.md, or repo-specific agent context files. Use when Codex needs to review an existing instruction file for weak points, explain why it may hurt agent performance, suggest concrete fixes, or produce a tighter replacement grounded in the codebase and research on agent context files and skills.
5dbml
Create, extend, review, and normalize database schemas written in DBML (Database Markup Language). Use when authoring or editing `.dbml` files, translating SQL schemas into DBML, documenting tables and relationships, or validating DBML constructs such as `Table`, `Ref`, `Enum`, `TablePartial`, `TableGroup`, `checks`, `indexes`, and `records`.
3