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

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.