Jakub Krehel
- 12 skills
- 0 followers
- 1 week ago last updated
- ▌ Make Interfaces Feel Better · jakubkrehel bundleDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows, icons, icon stroke weight, icon states, motion restraint.
- ▌ Break · jakubkrehel bundleRenders a component you choose in every state and scenario on a temporary page and stress tests it.
- ▌ Variant · jakubkrehel bundleBuilds multiple variants of a component you're working on and helps you iterate and pick one.
- ▌ Better UI · jakubkrehel bundlePolishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
- ▌ Better Colors · jakubkrehel bundleHelps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.
- ▌ Better Layout · jakubkrehel bundleHelps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
- ▌
- ▌ Better Interface · jakubkrehel bundleCombines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.
- ▌ Interface Review · jakubkrehel bundleReviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
- ▌ Better Typography · jakubkrehel bundleFocuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
- ▌
- ▌ Better Accessibility · jakubkrehel bundleHelps your project comply with accessibility standards and best practices.