Vibeleaderboard

Jakub Krehel

Viber rank195

Jakub Krehel is a founding design engineer at Interfere. He creates tools and writing about interface details, including the OKLCH color guide and the Interfaces magazine, and packages design-engineering methods as skills for coding agents.[1][3][6]

Start with OKLCH Color Picker, Generator and Converter →
Jakub Krehel

Links

Website GitHub X LinkedIn Magazine

Founding Design Engineer · Interfere

Career

Krehel says he originally built oklch.fyi for himself while learning the color model at OpenSea, where the team was considering a color-system migration. He added features and released it publicly. At Interfere, he describes working in a small team with a shared design background, where the challenge is maintaining quality while moving quickly. His personal site connects that daily practice to writing about motion, typography, color and interface behavior.[2][1]

Contributions

Separating brightness, intensity and hue

oklch.fyi explains color through lightness, chroma and hue, with interactive tools for creating and converting palettes. Separating those dimensions helps a designer adjust a palette more predictably than treating every color as unrelated RGB numbers. The site also explains gamut, the range of colors a display space can represent, and provides visualizers and conversion tools. Its corresponding agent skill adds operations such as contrast checks, gamut clamping and fallback setup to an AI-assisted workflow.[3][5]

Turning interface craft into reusable instructions

Make Interfaces Feel Better covers animation, type, icons, hover states, alignment and hit areas. Krehel’s broader skills collection separates interface review, typography, color, accessibility, layout and product writing into focused workflows. A shared theme is that a generated interface needs decisions at several levels: visual rhythm, the way controls respond and whether people can use them with a keyboard or assistive technology. The skills make those checks available as instructions an agent can apply to an existing project.[4][6]

Tools, writing & talks

Tools

  • Start here

    An interactive guide with palette creation, color conversion and gamut visualization.

    Start with the lightness, chroma and hue controls and compare the generated colors. No account or coding background is needed; developers can then use the CSS output in a design system.

  • oklch-skillgithub.com

    Color conversion, palette generation, contrast checking and gamut handling for coding agents.

    Author and repository owner[5]Original source
  • An agent skill for practical interface details including animation, typography, alignment and target sizes.

    Author and repository owner[4]Original source
  • Focused agent workflows for UI review, typography, colors, accessibility, layout and writing.

    Author and repository owner[6]Original source
References

Latest source check 2026-10-28

  1. [1] Jakub Krehel portfolio

    jakub.kr · Checked 2026-10-28

  2. [2] Jakub Krehel interview

    spaces.is · Checked 2026-10-28

  3. [3] OKLCH guide and tools

    oklch.fyi · Checked 2026-10-28

  4. [4] Make Interfaces Feel Better

    github.com · Checked 2026-10-28

  5. [5] OKLCH Skill

    github.com · Checked 2026-10-28

  6. [6] Design-engineering skills

    github.com · Checked 2026-10-28

Jakub Krehel | VibeLeaderboard