jakubkrehel/make-interfaces-feel-better

用途概括一个精简的 Agent 技能集，围绕单一技能 make-interfaces-feel-better，帮助 Agent 通过动画、排版、悬停态、视觉对齐、阴影等细节打磨界面。它适用于 Claude Code、Codex 等支持技能的 Agent，在 UI 优化任务中自动加载。运行后输出改动总结并可解答追问。适合前端细节润色，而非完整应用开发。

Skill 数量

所需 CLI

—

业务领域

Design

技能形态

Style Guide

核心思想

关键理念 & 方法论

作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。

核心思想

本技能集提供一个专注的 Agent 技能，通过细微但关键的设计细节提升界面质感。

设计原则

细节导向：关注动画、排版、悬停态、视觉对齐、同心圆角、阴影等。
主文件加子模块：SKILL.md 关联 typography.md、surfaces.md、animations.md、performance.md 提供深入指引。
模型自动感知：在 UI 打磨语境下自动触发（如“make it feel better”、“feels off”）。

工作流

Agent 在相关 UI 任务中加载技能，实施优化，输出改动总结并解答后续问题。

技能关系

技能之间的使用关系

Skill → Skill 的使用关系，可跨层指向。同色块表示同一类技能形态。

引用关系数

独立技能数

引用最多的技能

无引用关系

被引用最多的技能

无引用关系

说明：每条依赖线读作「当前 Skill 依赖」它指向的 Skill。

技能组成

该用什么技能？

每个技能都为某种调用者设计——有的必须由你点名触发，有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。

用户主动调用0

这些技能期待被用户手动直接点名使用。

该技能集未列出需要手动调用的技能。

模型自动调用1

由模型在判断上下文相关时自动使用，通常不需要点名调用。

make-interfaces-feel-better

技能清单

1 个 Skill · 按名称或领域筛选

make-interfaces-feel-better

设计工程技能，通过 16 条关于排版、表面、动画与性能的核心原则让界面更精致。提供具体 CSS/代码规范与“修改前/后”审查格式。价值：将粗糙 UI 转化为精致、一致体验，给出可落地的前端修复方案。

领域: Design
形态: Style Guide
位置: skills/make-interfaces-feel-better/SKILL.md

显示 1 / 1 条

安装方式

一行命令安装整个 Skillset。

在终端复制并运行以下命令，即可将 jakubkrehel/make-interfaces-feel-better 添加到 Agent 环境。

$npx skills add jakubkrehel/make-interfaces-feel-better