用途分类 / 其他用途
Make Interfaces Feel Better Skill 安全审计
作者说它能做什么（原文）
>-
第三方安全检查结论
这次检查未发现明显风险
- 已检查文件
- 7
- 发现的风险
- 0
会不会运行危险命令？检查是否下载程序后直接运行、让他人远程控制电脑，或藏起要运行的命令。未发现风险
会不会泄露文件和密钥？检查是否发送含密码或密钥的文件，以及代码里是否直接写了密钥。未发现风险
会不会删除文件或一直在后台运行？检查是否大范围删除文件、改写磁盘，或设置自动启动。未发现风险
会不会绕过安全保护？检查是否跳过网站安全验证、开放过多文件权限，或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容？检查工作说明是否要求 AI 忽略你的指令、干扰检查结果，或夹带看不见的文字。未发现风险
会不会偷偷改推广链接或收款方？检查是否强制替换推广链接或收款对象，同时要求隐瞒更改。未发现风险
Skill 逻辑拆解
该 Skill 是一套前端界面润色与审查指南，覆盖排版、表面样式、动画、图标和性能；它要求沿用项目已有的样式体系，避免仅为修复视觉细节而引入第二套体系。
查看原文
Great interfaces rarely come from a single thing. It's usually a collection of small details that compound into a great experience. Apply these principles when building or reviewing UI code. Before suggesting or writing a fix, identify the project's existing styling system and express the change in that system: Tailwind in a Tailwind project, plain CSS in a CSS project, or the established CSS-in-JS approach. Never introduce a second styling system just to apply a polish fix.| --- | --- || [Typography](typography.md) | Text wrapping, font smoothing, tabular numbers || [Surfaces](surfaces.md) | Border radius, optical alignment, shadows, image outlines, hit areas || [Animations](animations.md) | Interruptible animations, enter/exit transitions, icon animations, scale on press, motion restraint || [Icons](icons.md) | Icon stroke weight, states via `currentColor`, outline vs fill, sizing, RTL flipping || [Performance](performance.md) | Transition specificity, `will-change` usage |动画建议主要使用可中断的 CSS transition，并限制高频交互中的自定义动画；同时要求尊重减少动态效果的系统偏好，并保留颜色、图标或标签等静态反馈。
查看原文
### 4. Interruptible AnimationsUse CSS transitions for interactive state changes — they can be interrupted mid-animation. Reserve keyframes for staged sequences that run once.- **No custom animation on high-frequency interactions.** Repeated interactions get instant feedback or a minimal `opacity` or `background-color` transition at ≤150ms.- **Motion is never the only feedback channel.** Every animated state change also needs a static cue such as color, icon, or label.- **Brief and precise beats prominent.** If a shorter, smaller animation communicates the same thing, use it.- **Honor reduced-motion preferences.** Preserve the static cue and remove unnecessary movement.审查模式要求披露实际检查范围和未检查边界，并在报告中列出验证过的命令或交互；未执行的检查必须明确标为未验证。
查看原文
State the mode, exact scope, framework, styling conventions, and any review boundary. Show what was actually inspected:| Category | Evidence inspected | Result || --- | --- | --- || Typography | Files, components, states, or checks | Findings count, `Clear`, or `Not reviewed` with a reason |Include all five Quick Reference categories. Never imply an uninspected surface was reviewed.1. **Verification**: list the exact commands or interactions run and their observed results. Walk every relevant state and inspect motion at 10% speed when animation is involved. If a check was not run, label it **Not verified** and state what remains.2. **Verdict**: `Block` if any `HIGH` finding remains, `Needs changes` if only `MEDIUM` or `LOW` findings remain, and `Approve` only when no actionable findings remain. List every unverified check beside the verdict.从这里开始 · 工作说明SKILL.md
make-interfaces-feel-better文件引用关系图
6 处引用哪些文件发起引用引用了什么
文件与检查记录7 个文件
检查范围与遗漏
逐文件查看涉及的内容
下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。
SKILL.md已纳入全文animations.md已纳入全文icons.md已纳入全文performance.md已纳入全文surfaces.md已纳入全文typography.md已纳入全文agents/openai.yaml已纳入全文
这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。
SKILL.md工作说明agents/openai.yaml配套文件animations.md配套文件icons.md配套文件performance.md配套文件surfaces.md配套文件typography.md配套文件
- 读取了多少行
- 1,164
- 文件校验值（用于核对版本）
- 3da575d9e594020b77bc304f87d9289e79cfa3da3f3c5560207e8882442bad01