Jakub Krehel

Based on the Details That Make Interfaces Feel Better article. The small corrections that separate a shipped interface from a generated one.

npx skills add https://github.com/jakubkrehel/skills --skill better-ui

The typographic details that hold up across a whole product rather than on one hero section.

npx skills add https://github.com/jakubkrehel/skills --skill better-typography

Convert colours, generate palettes, check contrast, clamp to a target gamut, set up fallbacks. Semantic tokens rather than a pile of hexes.

npx skills add https://github.com/jakubkrehel/skills --skill better-colors

Brings a project up to accessibility standards and keeps it there, at the level of the actual markup rather than a checklist.

npx skills add https://github.com/jakubkrehel/skills --skill better-accessibility

The structural decisions that make a layout legible before anything is styled.

npx skills add https://github.com/jakubkrehel/skills --skill better-layout

Improves product copy while keeping voice and terminology consistent across the whole surface.

npx skills add https://github.com/jakubkrehel/skills --skill better-writing

Accessibility, layout, writing, typography, colour and UI polish in one go. The one to take if you only take one.

npx skills add https://github.com/jakubkrehel/skills --skill better-interface

Finds the design-system failures you don't know about: long names, empty data, overflow, every interactive state at once.

npx skills add https://github.com/jakubkrehel/skills --skill break

Point it at a page and an effect, such as "how is the gradient on interfere.com built?", and get the actual technique back.

npx skills add https://github.com/jakubkrehel/skills --skill explain-interface

Reviews what you have built across every category at once and reports the findings in detail, rather than fixing as it goes.

npx skills add https://github.com/jakubkrehel/skills --skill interface-review

Rather than arguing about a description, it builds the alternatives and helps you iterate until one is clearly right.

npx skills add https://github.com/jakubkrehel/skills --skill variant

Pick a colour, convert between models, build a palette and check it against the sRGB and Display-P3 gamuts. The practical companion to Jakub's own writing on why perceptual uniformity changes how you build a set.

https://oklch.fyi

A look at the invisible side of design engineering.

In the age of AI, knowing what not to build might be the most important skill of all.

A collection of details that make your interfaces feel better.

Gestures are what make elements feel alive: the user acts, and the interface responds the way the physical world would.

Drag is far less common on the web than on mobile. An iOS-inspired gesture built with Motion, as an exercise in how it should feel.

How I use AI as a design engineer on a daily basis.

Shared layout animations, and where they earn their place.

A deep dive into how gradients work, how colour models affect them, and why some gradients look better than others.

An explanation of the OKLCH colour model.