用途分类 / 开发辅助
Baseline Ui Skill 安全审计
作者说它能做什么(原文)
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
第三方安全检查结论
这次检查未发现明显风险
- 已检查文件
- 1
- 发现的风险
- 0
会不会运行危险命令?检查是否下载程序后直接运行、让他人远程控制电脑,或藏起要运行的命令。未发现风险
会不会泄露文件和密钥?检查是否发送含密码或密钥的文件,以及代码里是否直接写了密钥。未发现风险
会不会删除文件或一直在后台运行?检查是否大范围删除文件、改写磁盘,或设置自动启动。未发现风险
会不会绕过安全保护?检查是否跳过网站安全验证、开放过多文件权限,或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容?检查工作说明是否要求 AI 忽略你的指令、干扰检查结果,或夹带看不见的文字。未发现风险
会不会偷偷改推广链接或收款方?检查是否强制替换推广链接或收款对象,同时要求隐瞒更改。未发现风险
Skill 逻辑拆解
该 Skill 是一套用于整理和审查界面代码的规则;无文件参数时,它把规则应用于当前对话中的 UI 工作,有文件参数时则输出违规片段、简短原因和代码级修复建议。
查看原文
- `/baseline-ui` Apply these constraints to any UI work in this conversation.- `/baseline-ui <file>` Review the file against all constraints below and output: - violations (quote the exact line/snippet) - why it matters (1 short sentence) - a concrete fix (code-level suggestion)规则要求优先采用项目已有的组件原语,并为涉及键盘或焦点行为的控件使用可访问性组件;破坏性或不可逆操作需要确认对话框。
查看原文
- MUST use accessible component primitives for anything with keyboard or focus behavior (`Base UI`, `React Aria`, `Radix`)- MUST use the project’s existing component primitives first- NEVER mix primitive systems within the same interaction surface- SHOULD prefer [`Base UI`](https://base-ui.com/react/components) for new primitives if compatible with the stack- MUST add an `aria-label` to icon-only buttons- NEVER rebuild keyboard or focus behavior by hand unless explicitly requested- MUST use an `AlertDialog` for destructive or irreversible actions- SHOULD use structural skeletons for loading states- NEVER use `h-screen`, use `h-dvh`- MUST respect `safe-area-inset` for fixed elements- MUST show errors next to where the action happens- NEVER block paste in `input` or `textarea` elements该 Skill 对动画和视觉样式施加保守限制,例如只有明确请求时才添加动画或渐变,并要求考虑减少动态效果的用户偏好。
查看原文
- NEVER add animation unless it is explicitly requested- MUST animate only compositor props (`transform`, `opacity`)- NEVER animate layout properties (`width`, `height`, `top`, `left`, `margin`, `padding`)- SHOULD avoid animating paint properties (`background`, `color`) except for small, local UI (text, icons)- SHOULD use `ease-out` on entrance- NEVER exceed `200ms` for interaction feedback- MUST pause looping animations when off-screen- SHOULD respect `prefers-reduced-motion`- NEVER introduce custom easing curves unless explicitly requested- SHOULD avoid animating large images or full-screen surfaces- NEVER use gradients unless explicitly requested- NEVER use purple or multicolor gradients- NEVER use glow effects as primary affordances- SHOULD use Tailwind CSS default shadow scale unless explicitly requested- MUST give empty states one clear next action- SHOULD limit accent color usage to one per view- SHOULD use existing theme or Tailwind CSS color tokens before introducing new ones从这里开始 · 工作说明SKILL.md
baseline-ui文件与检查记录1 个文件
检查范围与遗漏
逐文件查看涉及的内容
下方列出本次涉及的原文范围;纳入检查不代表已查清所有问题。
SKILL.md已纳入全文
这份报告只针对上方版本。我们看了拿到的代码和说明文件,没有实际运行 Skill,也没有检查它另外安装的软件包。因此,这不是“保证安全”的承诺;换了版本或使用环境,结果也可能不同。
SKILL.md工作说明
代码和说明中提到的操作
连接外部网站
- NEVER mix primitive systems within the same interaction surface- SHOULD prefer [`Base UI`](https://base-ui.com/react/components) for new primitives if compatible with the stack- MUST add an `aria-label` to icon-only buttons- 读取了多少行
- 86
- 文件校验值(用于核对版本)
- ce4fecc1a2c2bbffe5f18060da0a9868a9056cb6f0935b1d1534ed17bcb4fb36