KairaxisKairaxis
Freetaste skillmedium risk

Capability · rank 31

better-ui

Improve visual depth, alignment, icons, motion, borders, and micro-interactions in an existing interface.

Design-engineering guidance for refined UI details, including concentric radius, shadows, interruption-safe motion, and contextual icons.

Listed owner

jakubkrehel/skills

Package source

jakub.kr

Category

Design

Design
$npx skills add jakubkrehel/skills --skill better-ui
OverviewSandboxUsageExamplesLimitationsVersionsRelated Skills

Overview

Design-engineering guidance for refined UI details, including concentric radius, shadows, interruption-safe motion, and contextual icons. Review the sandbox comparison, limitations, permissions, and pinned version before install.

Outcome

Improve visual depth, alignment, icons, motion, borders, and micro-interactions in an existing interface.

Who it is for

Frontend builders implementing or reviewing the visual and interactive details of UI components.

What it is not for

Typography, accessibility, or layout-structure decisions owned by the companion skills.

Runtime export

codex_skill · markdown_export

Sandbox comparison
Generic baseline vs better-ui on the same sample input · pinned v0.1.0

Sample input

Polish the hover, press, icon, and surface details in this account settings interface

Model: gpt-4.1-mini · temp 0.2

Generic baseline

50/100
Use a generic workflow and rely on broad best practices without domain-specific guidance.

Skill-enhanced

86/100
better-ui workflow:
Improve visual depth, alignment, icons, motion, borders, and micro-interactions in an existing interface.
Apply the capability with explicit assumptions, constraints, and a reviewable result.

Rubric scores

+36 lift
Coverage of failure modes2 → 5
Actionable recommendations3 → 5
Measurable next steps2 → 4
Risk / limitation awareness2 → 4

Assumptions

  • Sample input is representative of a real production task
  • Same model and temperature for baseline and skill-enhanced runs

Comparison runs through the shared sandbox engine on registry sample cases (deterministic v0 path).

Usage

  1. 1. Inspect trust badges, limitations, and permissions on this page.
  2. 2. Run the sandbox comparison to see baseline vs skill-enhanced output.
  3. 3. Install the pinned version with the command below for your agent runtime.
  4. 4. Agents can also fetch /api/v1/skills/better-ui/manifest.
$npx skills add jakubkrehel/skills --skill better-ui

Example prompts & use cases

1 / Prompt

Polish the hover, press, icon, and surface details in this account settings interface

Limitations

  • The guidance should be adapted to the product's established component library and motion language.

Audience

Frontend builders implementing or reviewing the visual and interactive details of UI components.

Not for

Typography, accessibility, or layout-structure decisions owned by the companion skills.

Version history

v0.1.0

Aug 12, 2026current

Initial Kairaxis catalog packaging