jakubkrehel/skills

806

better-ui Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, cont…

jakubkrehel/skills

35.9K

920

better-typography Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details tha…

jakubkrehel/skills

31.5K

970

better-colors Helps you build a color system and answer anything about color in your project. You can generate palettes, use semant…

jakubkrehel/skills

29.9K

1038

better-layout Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

jakubkrehel/skills

28.1K

1058

better-interface Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color a…

jakubkrehel/skills

27.6K

1066

better-accessibility Helps your project comply with accessibility standards and best practices.

jakubkrehel/skills

27.1K

1069

better-writing Focuses on improving product copy in your project.

jakubkrehel/skills

26.7K

1381

interface-review Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives …

jakubkrehel/skills

16.3K

1692

variant Builds multiple variants of a component you're working on and helps you iterate and pick one.

jakubkrehel/skills

12.6K

1763

explain-interface Helps you figure out how something was built on the web.

jakubkrehel/skills

12.2K

1802

break Renders a component you choose in every state and scenario on a temporary page and stress tests it.

jakubkrehel/skills

11.7K

8156

state-machine Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on …

jakubkrehel/skills

1.9K

8470

build-design Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and comp…

jakubkrehel/skills

1.8K

14

technical-drawing Creates precise static technical drawings of physical objects, with coherent views and fine linework. Delivers a blan…

jakubkrehel/skills

167

15

great-typography Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, con…

jakubkrehel/skills

3

16

great-interfaces Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing fronten…

jakubkrehel/skills

2

17

oklch-skill OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut bou…

jakubkrehel/skills

2

18

make-interfaces-feel-better Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing fronten…

jakubkrehel/skills

1

19

oklch-colors OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut bou…

jakubkrehel/skills

1