better-ui (UI detail polishing, with precise values)

Jakub Krehel's UI polishing skill: Instructs the agent to check and modify border radii, shadows, image strokes, press scaling, enter/exit animations, and icon transitions based on a set of precise values. It finally outputs an issue table sorted by severity with file line numbers, and provides a Block or Approve conclusion.

Jakub Krehel's UI polishing skill: Instructs the agent to check and modify border radii, shadows, image strokes, press scaling, enter/exit animations, and icon transitions based on a set of precise values. It finally outputs an issue table sorted by severity with file line numbers, and provides a Block or Approve conclusion.

Security Audit: Not audited

  • Not yet scanned

Rationale

  • Rules provide direct values: Outer nested border radius = inner radius + padding + border width; Press scaling to 0.96 with 150ms ease-out, no scaling when disabled; Staggered entrance animations have a 100ms interval between blocks, with 4px blur and 12px displacement, lasting 300ms; Icon transitions use a spring bounce of 0.
  • Includes a "Detect → Fix" comparison table: Change transition-all to specify explicit properties; Add a transparent border when there is only a box-shadow stroke ring and no border (forced color mode removes shadows); Place hover styles inside @media (hover: hover).
  • Displacement, scaling, and blur animations run only under prefers-reduced-motion: no-preference; when reduced motion is enabled, switch to opacity fades; Motion must not be the sole state feedback.
  • Clear division of labor: Typography, accessibility, layout, and colors are handled by better-typography, better-accessibility, better-layout, and better-colors in the same repository; The README specifies the MIT license.
  • skills.sh 24 hours installed 450 (represents attention only)

Usage

  • Installation command will appear after audit approval; Triggered when interactions are already working correctly and visual polishing or component review is needed. Best installed alongside better-accessibility from the same repository (reduced motion requirements are managed by it).
  • No account required; Without a browser, read out the duration and easing for each state from the code; With a browser, replay at 10% speed in the Animations panel, marking unverifiable items as "Not verified".

Risks

  • Not audited this period, fixed C-grade rating, installation command not displayed; SKILL.md contains only text rules, with no scripts or network requests; All three third-party audits on skills.sh are Pass.
  • Values reflect the author's fixed preferences (recognizing only 0.96, not 0.95); In case of conflict with existing design systems, project conventions take precedence. SKILL.md also states that consistent project practices are not considered issues.
  • Referenced recipe files such as surfaces.md and animations.md were not read this time.

Open · Repository

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

Explore the latest AI Radar updates