jakubkrehel/make-interfaces-feel-better
GitHub: jakubkrehel/make-interfaces-feel-better
一项可集成到 Claude Code 和 Codex 等 AI 编程助手的 skill,用于审查和优化前端界面的视觉细节与交互体验。
Stars: 2648 | Forks: 103
[](https://skills.sh/jakubkrehel/make-interfaces-feel-better)
一项专注于让界面观感更佳的细节的 agent skill。
该[skill](skills/make-interfaces-feel-better/SKILL.md)涵盖了动画、排版、图标、hover 状态、光学对齐、同心圆 border radius、阴影、点击区域以及其他界面细节。
审查支持 `quick` 和 `full` 模式。它们将返回带有精确位置的优先级问题列表、建议的更改、理由、验证、被拒绝的候选项以及明确的结论。
## 安装
对于 Claude Code:
```
npx skills add jakubkrehel/make-interfaces-feel-better
```
对于 Codex 或其他支持 skill 的 agent,请复制完整的 skill 目录:
```
skills/make-interfaces-feel-better/
```
请保持目录完整。`SKILL.md` 使用相对路径链接到 `typography.md`、`surfaces.md`、`animations.md`、`icons.md` 和 `performance.md`,因此仅复制 `SKILL.md` 会丢失详细的指导和 agent 元数据。
## 使用
默认的审查模式为 `full`。传入 `quick` 可进行较短的审查,并在模式之后添加屏幕、组件或功能。
在 Claude Code 中:
```
/make-interfaces-feel-better
/make-interfaces-feel-better quick
/make-interfaces-feel-better full pricing page
```
在 Codex 中:
```
$make-interfaces-feel-better
$make-interfaces-feel-better quick
$make-interfaces-feel-better full pricing page
```
## 许可证
MIT。详见 [LICENSE](LICENSE)。标签:Agent技能, AI辅助编程, UI/UX, 代码审查, 提示词工程, 策略决策点, 防御加固