make-interfaces-better

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

make-interfaces-better

make-interfaces-better

Catalogue stub — full skill: jakubkrehel/make-interfaces-feel-better
目录存根 — 完整技能: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:
    bash
    [ -e ~/.agents/skills/make-interfaces-better ] && echo "global" || echo "project"
    Global (installed with
    -g
    ):
    bash
    npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -g -y
    Project (installed without
    -g
    ):
    bash
    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.
  1. 完整技能已安装? 检查该位置的技能是否仍包含
    das:
    块:
    • 全局:
      grep -q "^das:" ~/.agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目:
      grep -q "^das:" .agents/skills/make-interfaces-better/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • das:
      块 → 完整技能已安装,调用并继续
    • 存在
      das:
      块 → 进入步骤2
  2. 检测范围,然后安装:
    检测范围:
    bash
    [ -e ~/.agents/skills/make-interfaces-better ] && echo "global" || echo "project"
    全局(使用
    -g
    安装):
    bash
    npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -g -y
    项目(不使用
    -g
    安装):
    bash
    npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-better -y
    Claude Code: 发送任意以
    !
    开头的命令作为聊天消息,即可无需离开对话直接运行。

Invoke after install

安装后调用

  • Skill name:
    make-interfaces-better
  • Trigger phrases: "make interfaces better", "interface polish", "micro-interactions", "polished UI"
  • 技能名称:
    make-interfaces-better
  • 触发短语:"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.
应用Jakub Krehel的设计工程原则,让界面真正精致美观——而非仅满足功能需求。涵盖微交互、精准排版选择、视觉层级优化、动效时长,以及区分精心设计的UI与通用输出的细微细节(悬停状态、过渡效果、间距节奏)。由oklch.fyi和Interfaces刊物的创作者开发。