jakubkrehel/make-interfaces-feel-better

GitHub: jakubkrehel/make-interfaces-feel-better

一项可集成到 Claude Code 和 Codex 等 AI 编程助手的 skill,用于审查和优化前端界面的视觉细节与交互体验。

Stars: 2648 | Forks: 103

interfaces.dev [![skills.sh](https://skills.sh/b/jakubkrehel/make-interfaces-feel-better)](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, 代码审查, 提示词工程, 策略决策点, 防御加固