mcpField
M
make-interfaces-better

make-interfaces-better

github.com/podoDesign & UI29175 installsUpdated 1d ago
Repository

About make-interfaces-better

make-interfaces-better is a skill that applies Jakub Krehel's design engineering principles to refine interfaces. It focuses on micro-interactions, typography, visual hierarchy, motion timing, and spacing details.

Key features

  1. 01Refine micro-interactions and hover states
  2. 02Improve typography and visual hierarchy
  3. 03Adjust motion timing and transitions
  4. 04Tune spacing and interface details

Use cases

  1. 01Polish an interface beyond basic functionality
  2. 02Refine transitions and spacing rhythm

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill make-interfaces-better

After installing, type/make-interfaces-betterin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

make-interfaces-better

Catalogue stub — full skill: jakubkrehel/make-interfaces-feel-better

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/make-interfaces-better ] && echo "global" || echo "project"

    Global (installed with -g):

    npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -g -y

    Project (installed without -g):

    npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -y

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: make-interfaces-better
  • Trigger phrases: "make interfaces better", "interface polish", "micro-interactions", "polished UI"

What it does

Applies Jakub Krehel's design engineering principles to make interfaces feel genuinely polished — not just functional. Covers micro-interactions, precise typography choices, visual hierarchy refinement, motion timing, and the subtle details (hover states, transitions, spacing rhythm) that distinguish well-crafted UI from generic output. By the creator of oklch.fyi and the Interfaces publication.

Comments

Markdown supported