Better UI: Ruleset for Interface Polish and Visual Refinements

LinkJakub KrehelResource

Jakub Krehel's 'better-ui' skill offers specific rules for polishing user interfaces. The guide emphasizes exact animation values, spacing calculations, and optical alignments over geometric defaults.

Key points

  1. Review technique: Inspect interfaces at 10% speed to uncover subtle flaws that are masked at full speed.
  2. Strict values over ranges: Always use exact curves, scale factors, and blur values instead of approximations.
  3. Concentric border radius: Outer radius must strictly equal inner radius plus padding to avoid mismatched nested elements.
  4. Optical over geometric alignment: Manually adjust elements like play triangles or icons in buttons when geometric centering appears off.
  5. Scope boundaries: Typography, accessibility, and high-level layouts are explicitly relegated to companion skills.

Why it matters

Interfaces often feel unpolished due to small geometric discrepancies and approximate transition curves. Having deterministic rules and mathematical formulas helps developers and AI agents produce refined frontends.

Analysis

Intended for use with agentic skill workflows via skills.sh, the resource enforces disciplined design implementation. By deliberately separating polish from accessibility, layout, and typography, Krehel keeps the instruction set modular and practical.

Mentioned links

Found in

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Link:Jakub Krehel

    Make Interfaces Feel Better: Design Engineering Principles for Polished UIs

    Jakub Krehel shares 'make-interfaces-feel-better', a design engineering skill and guideline package for building and reviewing UI details. It covers rules across typography, surfaces, animations, icons, and performance, alongside a structured review methodology.

    Web development· Resource

  • Link:Jakub Krehel

    Skills: Agent-Based UI and UX Optimisation Toolkit

    Jakub Krehel introduces a collection of agent skills designed to help developers refine user interfaces across typography, OKLCH colours, accessibility, layout, and UX writing.

    AI & LLMs· Tool

  • X post:Kiyotaka

    Top 5 UI Skills for Design Engineers Using AI Agents

    Kiyotaka (@SubhanHQ) highlights five curated skill rulebooks designed to enhance how AI coding agents handle UI craft, animation, accessibility, and visual polish.

    986bookmarks39.5kviews

    AI & LLMs· Resource

  • Repository:jakubkrehel/skills

    jakubkrehel/skills: Agent Skills for UI and Design Engineering

    jakubkrehel/skills is a curated collection of agent skills designed to equip AI assistants such as Claude Code with best practices for interface design, typography, accessibility, and UI engineering.

    5.8kstarsMarkdown

    AI & LLMs· Tool

  • Link:Emil Kowalski

    Emil Kowalski's Design Engineering Philosophy

    Emil Kowalski outlines his design engineering philosophy for UI polish, component craft, and interface animations. The guide highlights trained taste, compounding micro-details, and clear rules for animation frequency, custom easings, and component states.

    Web development· Resource

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.