·ux-antipatterns
*

ux-antipatterns

cassiozen/ux-antipatterns

在审查、构建或重构前端 UI(组件、页面、表单或交互流)时使用。触发代码审查、拉取请求以及涉及面向用户的界面的新功能实现。

10安装·0热度·@cassiozen

安装

$npx skills add https://github.com/cassiozen/ux-antipatterns --skill ux-antipatterns

SKILL.md

Before checking individual rules, internalize these. They are the "why" behind every item below.

| 1 | Acknowledge every action | Every user action must produce visible feedback within 100ms, even if the result takes seconds. | | 2 | Never destroy user input | Not on error, not on navigation, not on timeout, not on refresh. | | 3 | State survives the unexpected | Refresh, double-clicks or double submits, network loss — code must handle edge cases. |

| 4 | Most recent intent wins | Stale responses must never overwrite a newer user action. | | 5 | Explain every constraint | If it's disabled, say why. If it failed, say how to fix it. If it succeeded, say what happened. |

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/cassiozen/ux-antipatterns --skill ux-antipatterns
分类
*创意媒体
认证
收录时间
2026-02-12
更新时间
2026-02-18

快速解答

什么是 ux-antipatterns?

在审查、构建或重构前端 UI(组件、页面、表单或交互流)时使用。触发代码审查、拉取请求以及涉及面向用户的界面的新功能实现。 来源:cassiozen/ux-antipatterns。

如何安装 ux-antipatterns?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/cassiozen/ux-antipatterns --skill ux-antipatterns 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/cassiozen/ux-antipatterns

详情

分类
*创意媒体
来源
skills.sh
收录时间
2026-02-12

相关 Skills

暂无