界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

make-interfaces-better

make-interfaces-better

【设计与创意】Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography details, visual refinement, and the small decisions that separate "it works" from "it feels right". By Jakub Krehel (Interfere, Interfaces magazine, oklch.fyi).

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: make-interfaces-better description: | Design engineering principles for making interfaces feel polished and alive. Covers micro-interactions, typography details, visual refinement, and the small decisions that separate "it works" from "it feels right". By Jakub Krehel (Interfere, Interfaces magazine, oklch.fyi). triggers:

  • "make interfaces better"
  • "interface polish"
  • "micro-interactions"
  • "interface feel"
  • "polished UI"
  • "UI refinement" das: category: interaction-polish upstream: "https://github.com/jakubkrehel/make-interfaces-feel-better" upstream_path: "skills/make-interfaces-feel-better/SKILL.md" version: latest install: true

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.

我的收藏