mcpField
M
make-interfaces-better

make-interfaces-better

github.com/podo设计与 UI29175 次安装1 天前更新
代码仓库

关于 make-interfaces-better

make-interfaces-better 是一项运用 Jakub Krehel 设计工程原则来打磨界面的技能，关注微交互、字体、视觉层级、动态时序和间距细节。

主要功能

  1. 01打磨微交互与悬停状态
  2. 02优化字体与视觉层级
  3. 03调整动态时序与过渡效果
  4. 04完善间距和界面细节

适用场景

  1. 01在实现基本功能后进一步打磨界面
  2. 02调整过渡效果与间距节奏

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/make-interfaces-better确认已加载。

附带文件stub.yaml

详细介绍

make-interfaces-better

目录占位项 — 完整技能：jakubkrehel/make-interfaces-feel-better

决策树

  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. 检测范围，然后安装：

    检测范围：

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

    全局（使用 -g 安装）：

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

    项目（未使用 -g 安装）：

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

    Claude Code： 将任一命令作为以 ! 开头的聊天消息发送，即可在不离开对话的情况下运行它。

安装后调用

  • 技能名称：make-interfaces-better
  • 触发短语："make interfaces better"、"interface polish"、"micro-interactions"、"polished UI"

功能说明

运用 Jakub Krehel 的设计工程原则，让界面真正精致出色，而不只是能用。内容涵盖微交互、精准的字体选择、视觉层级优化、动效时序，以及那些能让精心打造的 UI 区别于通用产出的细节（悬停状态、过渡效果、间距节奏）。由 oklch.fyi 和 Interfaces publication 的创作者打造。

评论

支持 Markdown